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!

Splunk Add-on for Microsoft Windows 11.0.3: Parse Once, Search Faster

The updated Splunk Add-on for Microsoft Windows helps customers search Windows events faster by reducing ...

What's New in Splunk Enterprise Security 8.8 and Beyond

Threats move at machine speed. Keeping up should not depend on having the biggest budget, the largest team, or ...

A Four-Part Event Series: State of Observability - Where AI Meets Performance

As AI agents take on more complex tasks, teams need greater visibility into how they behave, what they cost, ...