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!

Easily Improve Agent Saturation with the Splunk Add-on for OpenTelemetry Collector

Agent Saturation What and Whys In application performance monitoring, saturation is defined as the total load ...

Explore the Latest Educational Offerings from Splunk [January 2025 Updates]

At Splunk Education, we are committed to providing a robust learning experience for all users, regardless of ...

Developer Spotlight with Paul Stout

Welcome to our very first developer spotlight release series where we'll feature some awesome Splunk ...