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.

0 Karma
Get Updates on the Splunk Community!

Webinar Recap | Revolutionizing IT Operations: The Transformative Power of AI and ML ...

The Transformative Power of AI and ML in Enhancing Observability   In the realm of IT operations, the ...

.conf24 | Registration Open!

Hello, hello! I come bearing good news: Registration for .conf24 is now open!   conf is Splunk’s rad annual ...

ICYMI - Check out the latest releases of Splunk Edge Processor

Splunk is pleased to announce the latest enhancements to Splunk Edge Processor.  HEC Receiver authorization ...