topic Re: Splunk Custom Viz Drilldown in All Apps and Add-ons

Splunk Custom Viz Drilldown

henryopie — Wed, 02 Feb 2022 23:47:22 GMT

Hi All

Already created a custom Vizualisation. Having an issue with the drilldown.
In XML set the drilldown option:
<option name="drilldown">all</option>

inside drilldown:
<drilldown>
<set token="test1">$click.value$</set>
<set token="test2">$click.field$</set>
</drilldown>
Also set the title of the panel to:
<title>Test1: $test1$, test2: $test2$</title>

JS in the custom viz:

var payload = {

action: SplunkVisualizationBase.FIELD_VALUE_DRILLDOWN,

data: {}

};

payload.data[field] = value;

this.drilldown(payload);

The on click the drilldown sets the tokens to $click.value$ and $click.field$ (the strings)

Any help ?

Re: Splunk Custom Viz Drilldown

kamlesh_vaghela — Thu, 03 Feb 2022 15:13:53 GMT

@henryopie

Can you please share your sample XML. and JS code? It will help us to replicate the issue.

Re: Splunk Custom Viz Drilldown

henryopie — Thu, 03 Feb 2022 22:33:03 GMT

XML:
<dashboard script="table.js" stylesheet="table.css">
<label>Custom View 3</label>
<row>
<panel>
<title>Test1: $test1$, test2: $test2$</title>
<viz type="splunk-accessibility-app.piechart">
<search>
<query>index="_audit" | stats avg(linecount) by user</query>
<earliest>-24h@h</earliest>
<latest>now</latest>
</search>
<option name="drilldown">all</option>
<option name="splunk-app.piechart.dedup">False</option>
<option name="splunk-app.piechart.xaxislabel">X Axis Label</option>
<option name="splunk-app.piechart.yaxislabel">Y Axis Label</option>
<drilldown>
<set token="test1">$row.value$</set>
<set token="test2">$row.field$</set>
</drilldown>
</viz>
</panel>
</row>
</dashboard>

wont send the whole visualization.js:
In the highcharts:

series: {

events: {

click: function click(e) {

drilldown(e);

}

// The function that is called

function drilldown(value) {

var payload = {

action: SplunkVisualizationBase.FIELD_VALUE_DRILLDOWN,

data: {}

};

payload.data['value'] = value;

this.drilldown(payload);

};