Splunk Search

Overlapping and truncated axis labels on JS Charts

RohiniJindam
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.

Thanks

Tags (2)
0 Karma

jonuwz
Influencer

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.

RohiniJindam
Path Finder

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

0 Karma

nmistry_splunk
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
Did you miss .conf21 Virtual?

Good news! The event's keynotes and many of its breakout sessions are now available online, and still totally FREE!