Splunk Search

Overlapping and truncated axis labels on JS Charts

Path Finder

I moved from Flash Charts to JS Charts for PDF generation support.

The X axis (Y axis for bar charts) labels now overlap and the Y axis values are truncated. Flash Charts displayed values as 4E10, 8E10 but JS Charts display them as 25,000,000,000 causing the values to overlap. Using fieldformat to format the numbers as 25B renders blank graphs.

Tried using chart properties like scale, majorTickSize, majorUnit, barSpacing, minorTickVisibility but the issue persists.


Tags (2)
0 Karma


You could rotate the axis labels, but that would

a) be ugly
b) probably upgrade the module from JSChart to FlashChart

You're only option is to /1024/1024 and change the X axis title to MB

Changing the values to xxGB is going to break the chart.

The chart modules see these values as strings and barf. The chart modules don't know how to scale strings.

Path Finder

Thankyou for the answer. I tried using fieldformat to shorten the labels but the graphs ended up blank

0 Karma

Splunk Employee
Splunk Employee

The only viable solution could be -

  1. Shorten the labels: 25,000,000,000 bytes ~ 25Gigabytes (=23.2gb).
  2. Keep 1 chart per row. This will allow for more space for the labels.

What would be an acceptable solution for you?

0 Karma
Get Updates on the Splunk Community!

Observability Highlights | January 2023 Newsletter

 January 2023New Product Releases Splunk Network Explorer for Infrastructure MonitoringSplunk unveils Network ...

Security Highlights | January 2023 Newsletter

January 2023 Splunk Security Essentials (SSE) 3.7.0 ReleaseThe free Splunk Security Essentials (SSE) 3.7.0 app ...

Platform Highlights | January 2023 Newsletter

 January 2023Peace on Earth and Peace of Mind With Business ResilienceAll organizations can start the new year ...