Labels overlap

[wjhcc2018]

the level1 labels overlap,i want the level1 can rendered like level0,hide he labels

[pawelfus]

Thanks for reporting. Could you create a live demo? We will check this.

Btw, you know you can use Grid Axis in Highcharts, instead of using this plugin, right? See: https://api.highcharts.com/gantt/xAxis.grid (Gantt license required, though).

[wjhcc2018]

@pawelfus the plugin is helpful，xAxis.grid need to think about dimension merging, and there are many problems，we hope highcharts continue to maintain this component

[mortennajbjerg]

I am also experiencing this issue. Any workarounds for this until the issue has been resolved?

[KacperMadej]

@mortennajbjerg Please add a live demo and I will check if there is a working workaround for your case.

[mortennajbjerg]

Hi @KacperMadej .
Sure. I think this happens for every inverted chart when using 2 nested groups.
See this live demo https://codepen.io/mortennajbjerg/pen/VwpLOLP

[KacperMadej]

@mortennajbjerg This could be resolved by setting xAxis.labels.x to -7 to align the labels into the grid.

[mortennajbjerg]

Ah – yes that seems to work. Thanks a million @KacperMadej

[nishikantparmariam]

@pawelfus

Btw, you know you can use Grid Axis in Highcharts, instead of using this plugin, right?

I am facing same issues, can you help on https://www.highcharts.com/forum/viewtopic.php?p=193557 on how to use it?

[jszuminski]

When it comes to these issues related with placement and rotation, there might be a reasonable workaround which would allow you to solve these pretty easily (I could try to help you with that). Here's an example (modifying the labels.x option): https://jsfiddle.net/zxh52ywb/

Regarding the usage of the xAxis.grid with a non-Gantt chart, this might not be trivial if you want to use this grid with non-Gantt series and non-Gantt yAxis. I have been experimenting with this: https://jsfiddle.net/p0rk7zdm/2/ and it seems like there's no easy way to achieve this without overriding Highcharts internal logic.

Please do not hesitate to ask in case you have any more questions about this.