X-axis label alignment is off

[hbingal]

For Highcharts 10.3.3, the following jsfiddle below is as expected
https://jsfiddle.net/BlackLabel/n562x7yh/

Once I refer to Highcharts 11.1.0, the x-asix label alignment is off with the same of data and jQuery version.
https://jsfiddle.net/BlackLabel/c58btgzx/

Please let me know how to make the chart looks near identical (color and line thickness do not matter).

Thanks,
Bing

[raf18seb]

Hi @hbingal,

Thanks for reporting the issue!

Probably regression of #202 (or related)

@jedrzejruta would you like to take a look if it's related?

[jedrzejruta]

@raf18seb it looks like the regression is related to #206, where in Highchars v11 axes labels.distance has changed to 15.

Workaround:
Explicitly set labels.distance to 5 on x-axis.
https://jsfiddle.net/BlackLabel/9g1sk587/

[guidd]

Would be great though if the new version would take it into account ;)