part of xml
javascript for drill down:
// Components to require
var components = [
"splunkjs/ready!",
"splunkjs/mvc/simplexml/ready!",
"jquery",
];
// Require the components
require(components, function(
mvc,
ignored,
$
) {
$('#vizid1').click(function() {
window.open(
'dashbord_here',
'_blank' // <- This is what makes it open in a new window.
);
});
});
How do i call the viz id instead because i have an image sitting on my panel and when i call panel id, everywhere in the panel is clickable. I want just the viz id, to be clickable.
Thanks
HI @Bentash,
Can you please try @niketnilay's post in below link?
https://answers.splunk.com/answers/525125/water-gauge-visualization-drilldown.html
Thanks
@Bentash ,
I tried it with html tag in panel and it works as expected ..try below-
xml-
<dashboard script="water_gauge_drilldown.js">
<label>WaterGauge</label>
<row>
<panel id="panel1">
<html>
<div class="div_class1">
<div class="image"/>
</div>
</html>
<viz id="waterGauge1" type="cuviz_water_gauge.water_gauge">
<search>
<query>index=_internal| timechart count by source</query>
<earliest>-15m</earliest>
<latest>now</latest>
<sampleRatio>1</sampleRatio>
</search>
<option name="drilldown">none</option>
<option name="trellis.enabled">0</option>
<option name="trellis.scales.shared">1</option>
<option name="trellis.size">medium</option>
</viz>
</panel>
</row>
</dashboard>
water_gauge_drilldown.js-
var components = [
"splunkjs/ready!",
"splunkjs/mvc/simplexml/ready!",
"jquery"
];
// Require the components
require(components, function(
mvc,
ignored,
$
) {
$('#waterGauge1').click(function() {
window.open(
'https://answers.splunk.com',
'_blank' // <- Open target in a new window.
);
});
});
After this you may need to restart / bump verison
HI @Bentash,
Can you please try @niketnilay's post in below link?
https://answers.splunk.com/answers/525125/water-gauge-visualization-drilldown.html
Thanks