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!

.conf24 | Day 0

Hello Splunk Community! My name is Chris, and I'm based in Canberra, Australia's capital, and I travelled for ...

Enhance Security Visibility with Splunk Enterprise Security 7.1 through Threat ...

 (view in My Videos)Struggling with alert fatigue, lack of context, and prioritization around security ...

Troubleshooting the OpenTelemetry Collector

  In this tech talk, you’ll learn how to troubleshoot the OpenTelemetry collector - from checking the ...