XAxis Labels are overlapping inside the visual

[sathish151198]

Expected behaviour

XAxis labels should not overlap inside the visual when the chart is inverted and xAxis label rotation is -180 in Waterfall Chart.

Actual behaviour

XAxis Labels are overlapping inside the visual

Live demo with steps to reproduce

Demo link

Product version

Highcharts v9.1.2

Affected browser(s)

Version 106.0.5249.62 (Official Build) (64-bit)

[karolkolodziej]

Hi @sathish151198 and thank you for contacting us!

I am not sure if this should be classified as a bug because it looks like an edge case that could be easily worked around.
You can do that by simply setting the negative x value for the axis labels- demo.

[sathish151198]

Hi @sathish151198 and thank you for contacting us!

I am not sure if this should be classified as a bug because it looks like an edge case that could be easily worked around. You can do that by simply setting the negative x value for the axis labels- demo.

Hi @karolkolodziej , Thanks a lot for your suggestion. I tried in our visual and it works fine, expect when we change the axis label density to "First and Last" i.e. When the user selects to display only the first and last label. Demo link for First N Last overlap issue.

Please suggest your thoughts on how we can handle this edge case.

[karolkolodziej]

Please set the label aling: 'left' and add a margin to the chart in order to prepare space for those labels- demo.

[sathish151198]

Please set the label aling: 'left' and add a margin to the chart in order to prepare space for those labels- demo.

Thanks @karolkolodziej !!