Dashboards & Visualizations

Pie Chart CSS - Label

DGilbert91
Explorer

I have used CSS to increase the size of pie chart legend labels;

 

 

.highcharts-data-label text tspan {
     font-size:14px !important;
     word-break: break-all !important;
}

 

 

On smaller panels and with long text however the text overflows out of the panel. I've attempted to use word break to stop this from happening without any result. Please refer to the screenshot attached. Is there anyway to break and stay within the panel?

Labels (3)
Tags (2)
0 Karma
Get Updates on the Splunk Community!

Splunk Observability Cloud's AI Assistant in Action Series: Auditing Compliance and ...

This is the third post in the Splunk Observability Cloud’s AI Assistant in Action series that digs into how to ...

Splunk Community Badges!

  Hey everyone! Ready to earn some serious bragging rights in the community? Along with our existing badges ...

What You Read The Most: Splunk Lantern’s Most Popular Articles!

Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...