Overlapping and truncated axis labels on JS Charts

[RohiniJindam]

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

[jonuwz]

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]

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

[nmistry_splunk]

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?