x-axis label getting overlapped by default
When we have more categories in
x-axis, they are getting overlap with one another and it's looks like a
dark black marks in x-axis. I could not read the categories and chart looks
very bad. Please look the below example for your reference.
I know there is something todo with highcharts by using staggerlines ,..etc
But it would be great, if highcharts automatically finds the label size and
rotate the labels. Even if you skip some of the intermediate labels that is
also looks good to me. Because somehow i would like to represent my chart
is looking good. I have tried this in FusionCharts, they are autodetecting
the label size and based upon that they are rotating labels and sometime
remove the intermediate labels (Refer the attached screenshot).
Santhosh
shared this idea
Implemented in v4.1.0+
API: https://api.highcharts.com/highcharts/xAxis.labels.autoRotation
-
Oleksandr Poshtaruk
commented
A few more additions (for datetime in my case):
1.When I generate xAxis labels by myself with tickPositions - then auto-positioning is not working. Can you make labels autopositioning work for custom tickPositions please?
2. One more approach - if custom labels overlap - then show '...' but show labels on zoom In. -
Thanks for your request. Auto rotation would indeed be a good feature.
However, as a general advice, if you find your X axis cramped like this, you'd often be better off not using categories. Your fiddle is a good example of that, where a datetime axis would be better. See my full note on this at http://docs.highcharts.com/#axes => What axis type should I use?
