Solved: Javascrip for custom viz

Bentash · ‎02-14-2018

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

kamlesh_vaghela · ‎02-14-2018

HI @Bentash,

Can you please try @niketnilay's post in below link?

https://answers.splunk.com/answers/525125/water-gauge-visualization-drilldown.html

Thanks

View solution in original post

ips_mandar · ‎02-14-2018

@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

kamlesh_vaghela · ‎02-14-2018

HI @Bentash,

Can you please try @niketnilay's post in below link?

https://answers.splunk.com/answers/525125/water-gauge-visualization-drilldown.html

Thanks

Javascrip for custom viz

Extending Observability Content to Splunk Cloud

More Control Over Your Monitoring Costs with Archived Metrics!

New in Observability Cloud - Explicit Bucket Histograms