Dashboards & Visualizations

CSS BorderRadius for Splunk/Highcharts Bar and Column

turbocharger
Explorer

Hello, I have been hacking away trying to get a working CSS override for the Highcharts Bar and Column charts. Has anyone managed to get this working? I basically want to remove the sharp square edges from these charts to give them a modern feel.

Also, I have been looking for a way to apply a gradient to the chart sections. These two things could really make a substantial difference, visually. I can't use JS on my environment & I am hoping for a CSS or a hidden simple XML property/value.

Last, I am looking for a donut chart option for the pie charts. It looks like it used to exist but I can't seem to figure out how to enable it on Enterprise Version:7.2.10. I see 3rd party options but I can't use them.

 

j31zN.png

Labels (3)
Tags (4)
0 Karma

ITWhisperer
SplunkTrust
SplunkTrust

Charts are often "drawn" with svg - CSS has limited effect on the drawing.

0 Karma
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

Introducing ITSI 5.0: Unified Visibility and Actionable Insights

Introducing ITSI 5.0: Unified Visibility and Actionable Insights Tuesday, July 21, 2026  |  10:00AM PT / ...

Inside Splunk Agent Observability: Understanding Agent Behavior, Tokens & Costs

Inside Splunk Agent Observability:Understanding Agent Behavior, Tokens & Costs Thursday, August 06, ...

From Data to Insight: Announcing the Winners of the Splunk Dashboard Contest

Hi Splunkers, First off, thank you to everyone who participated in our very first From Data to Insight: The ...