All Apps and Add-ons

Click on axis labels in bar chart javascript

aelliott
Motivator

Is there a way to integrate a javascript click function for the tspan elements in the svg that is generated by Splunk for Axis Labels. I want to tie a .on('click', function(){}); via javascript to the Axis Labels on the Bar Chart to drill the dashboard down to that value.
I am using Splunk Web Framework

0 Karma
1 Solution

magnew_splunk
Splunk Employee
Splunk Employee

Hi aelliott,

This feature isn't currently supported in the Web Framework (or with Splunk controls generally). You could potentially use JQuery to reach into the wrapped HighCharts control in the DOM, but that will get messy quick. And fragile.

One thing you could try is using the Web Framework's D3Chart control which has a bar chart that is much more configurable. It's more complex to use, but you should be able to attach handlers to whatever you want.

View solution in original post

0 Karma

magnew_splunk
Splunk Employee
Splunk Employee

Hi aelliott,

This feature isn't currently supported in the Web Framework (or with Splunk controls generally). You could potentially use JQuery to reach into the wrapped HighCharts control in the DOM, but that will get messy quick. And fragile.

One thing you could try is using the Web Framework's D3Chart control which has a bar chart that is much more configurable. It's more complex to use, but you should be able to attach handlers to whatever you want.

View solution in original post

0 Karma
Did you miss .conf21 Virtual?

Good news! The event's keynotes and many of its breakout sessions are now available online, and still totally FREE!