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!

Quantify Your Splunk Investment Impact: Introducing Savings Metrics to Value Insights

Building on the foundation established in our initial Value Insights releases, we are introducing the Savings ...

Event Series: Telemetry Pipeline Management

Balancing Scale and Spend: Gaining Control Over High-Volume Metrics in Splunk Observability Cloud As ...

Kick the Tires Before You Commit: A Hands-On Tour of the Splunk Observability Cloud ...

Evaluating an enterprise observability platform usually goes like this: fill out a form, get a free trial with ...