Dashboards & Visualizations

How can I use CSS to wrap chart labels instead of truncate them?

andrewtrobec
Motivator

Hello,

As the title suggests, I have a column chart with x-axis labels that are too long to fit under each column resulting in the text being truncated.  Here is an example of what I mean.  For simplicity I have set the labels for each column to "THIS TEXT IS TOO LONG TO FIT COMFORTABLY AS A LABEL".

Untitled.png

What I would like to know is whether it is possible to avoid truncating the text and instead, using CSS, have the text wrap and appear on a second line.  I know I can set the label rotation, but this it not what I want to do.  I want the labels to be horizontal and on multiple lines rather than truncated or rotated.

Any help would be much appreciated.

Best regards,

Andrew

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

Splunk App for Anomaly Detection End of Life Announcment

Q: What is happening to the Splunk App for Anomaly Detection?A: Splunk is officially announcing the ...

Aligning Observability Costs with Business Value: Practical Strategies

 Join us for an engaging Tech Talk on Aligning Observability Costs with Business Value: Practical ...

Mastering Data Pipelines: Unlocking Value with Splunk

 In today's AI-driven world, organizations must balance the challenges of managing the explosion of data with ...