SVG Custom visualization - drilldown or setting a token

tomaszwrona — Tue, 16 Feb 2021 14:59:24 GMT

Hi all,

i have used the SVG Custom Visualisation to create a nice picture.

Now i would like to have a drilldown or at least a possibility to set a token, when a part of the picture is clicked on. Is there a way to achieve this? Any hint would be great.

Best regards

Tomasz

Re: SVG Custom visualization - drilldown or setting a token

tomaszwrona — Tue, 16 Feb 2021 18:11:57 GMT

Hi all,

i did manage to answer my own question.

In order to use tokens in SVG Visualization following steps should be taken:

Extend Simple XML Dashboard with Javascript
Put an id on Splunk's default element, for example panel:
<panel id="svgViz">
Put an id on any SVG element you want to click on, for example g:
<g id="myId" filter="url(#Shadow)">
In Javascript get the panel:
var my_panel = $("#svgViz");
And then create onClick function to set myNewToken:
my_panel.on("click", "#myId", function(e) {
var default_tokens = mvc.Components.get("submitted");
default_tokens.set("myNewToken", "value");
});

Best regards

Tomasz

topic Re: SVG Custom visualization - drilldown or setting a token in Dashboards & Visualizations

SVG Custom visualization - drilldown or setting a token

Re: SVG Custom visualization - drilldown or setting a token