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!

Defend at Machine Speed: Your Guide to Security Sessions at .conf26

Splunk .conf26   With threats moving at machine speed and attack surfaces expanding across hybrid ...

Where Innovation Takes Flight: The Splunk4Aviation Flight Sim Lands at .conf26

If you hear someone at .conf26 shouting "gear down, GEAR DOWN" across the show floor, you have found us.  The ...

Turn Cisco Telemetry Into Action with Cisco Data Fabric, powered by the Splunk ...

The surge in machine data is already hitting enterprise budgets, and the agentic era will only intensify it. ...