All Apps and Add-ons

Water Gauge visualization Drilldown??

rahul_jasrotia
Path Finder

Hi Splunkers,

I just wanted to implement a very simple example but it turned out to be not so simple.

Instead of the single value panel, I wanted to show a Water Gauge visualisation but I can't seem to find a way to put a drilldown with it. I am using a inpage drilldown with a single value which just works fine but unable to find any drilldown setting with the water gauge.

Can someone help me with this?

0 Karma
1 Solution

niketn
Legend

@rahul_jasrotia, Most custom visualizations do not have drilldown event associated with them. So, you will have to write your own JavaScript. You can do this using Javascript extension to simple XML. (Refer to answer from @gwobben https://answers.splunk.com/answers/471329/is-it-possible-to-drilldown-from-an-status-indicat.html).

Following is an example which opens a new URL (answes.splunk.com) on clicking the Water Gauge Custom visualization. You can point to your own dashboard or report if you need.

Step 1: Provide an ID to the panel with Water Gauge in it. I have used waterGauge1 in this example

  <row>
    <panel>
      <viz id="waterGauge1" type="cuviz_water_gauge.water_gauge">

Step 2: Create a JavaScript (water_gauge_drilldown.js in this example) with drilldown, by handling the click event.

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.
                 );
     });
 });

Step 3: Load the JavaScript in your Dashboard/Form's root node(depending on what you have).

<dashboard script="water_gauge_drilldown.js">

Or

<form script="water_gauge_drilldown.js">

Step 4: You might need to Restart Splunk and clear your browser history for the JavaScript code to be picked up in your dashboard.

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

View solution in original post

0 Karma

niketn
Legend

@rahul_jasrotia, Most custom visualizations do not have drilldown event associated with them. So, you will have to write your own JavaScript. You can do this using Javascript extension to simple XML. (Refer to answer from @gwobben https://answers.splunk.com/answers/471329/is-it-possible-to-drilldown-from-an-status-indicat.html).

Following is an example which opens a new URL (answes.splunk.com) on clicking the Water Gauge Custom visualization. You can point to your own dashboard or report if you need.

Step 1: Provide an ID to the panel with Water Gauge in it. I have used waterGauge1 in this example

  <row>
    <panel>
      <viz id="waterGauge1" type="cuviz_water_gauge.water_gauge">

Step 2: Create a JavaScript (water_gauge_drilldown.js in this example) with drilldown, by handling the click event.

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.
                 );
     });
 });

Step 3: Load the JavaScript in your Dashboard/Form's root node(depending on what you have).

<dashboard script="water_gauge_drilldown.js">

Or

<form script="water_gauge_drilldown.js">

Step 4: You might need to Restart Splunk and clear your browser history for the JavaScript code to be picked up in your dashboard.

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

rahul_jasrotia
Path Finder

Thanks for your reply @harishalipaka but I've already seen the click events. I've tried drilldown=all option as well with it with no luck.

Any other pointers please?

0 Karma
Get Updates on the Splunk Community!

What's new in Splunk Cloud Platform 9.1.2312?

Hi Splunky people! We are excited to share the newest updates in Splunk Cloud Platform 9.1.2312! Analysts can ...

What’s New in Splunk Security Essentials 3.8.0?

Splunk Security Essentials (SSE) is an app that can amplify the power of your existing Splunk Cloud Platform, ...

Let’s Get You Certified – Vegas-Style at .conf24

Are you ready to level up your Splunk game? Then, let’s get you certified live at .conf24 – our annual user ...