Rotated labels - xAxis

[sebastianbochan]

Rotated labels overlap xAxis title.

http://jsfiddle.net/x6GkV/1/

Interactive demo: http://jsfiddle.net/highcharts/LkvMZ/

[TorsteinHonsi]

The workaround is to increase the axis title margin: http://jsfiddle.net/highcharts/x6GkV/2/

[TorsteinHonsi]

The problem is that as the labels are rotated, the distance to the axis line increases until when rotated 90 degrees, it is one line height. The correct position would probably be that the text was moved one line height up, both to comply to the xAxis.labels.y setting and to move away from the title. The same problem is observed when disabling the xAxis.title altogether. Then we would expect the labels to draw within the spacingBottom setting, but they are not.

[TorsteinHonsi]

Demos with the fix applied:

• http://jsfiddle.net/highcharts/LkvMZ/1/
• http://jsfiddle.net/highcharts/x6GkV/3/