Rendering nested categories properly when Sampling Starts

[nishikantparmariam]

Coming from #219, logging this as a feature request. We want nested categories to be rendered correctly when sampling starts to happen i.e. chart's size is lesser so some ticks may not be visible.

Features we're looking for:

• Vertical lines should be placed properly
• If some ticks of level 0 (closest to plotarea) are hidden then according categories of its parent and its parent etc. also adjust to hide some of the categories
• This should work for vertical x-axis also

[jedrzejruta]

Hi @nishikantparmariam,

Thanks for suggesting this feature! Currently, we're reviewing your request and assessing the effort required to implement it. We expect to have more information and a clearer timeline by the end of this week.

In the meantime, could you please provide more details about this feature:

If some ticks of level 0 (closest to plotarea) are hidden then according categories of its parent and its parent etc. also adjust to hide some of the categories

It's unclear which ticks should be hidden and under what conditions it should be decided. Maybe you can provide a screenshot or a mockup depicting how it should work?

[magdalena-gut]

Hi @nishikantparmariam,

We are coming up with the following proposed solution: https://jsfiddle.net/BlackLabel/ge178k9b/

Before we apply it to the plugin, we would be grateful if you could test it on your end and let us know if it meets your requirements.

Regards!

[nithin4048-1]

I'm experiencing this issue as well and it would be great to have a fix. I tested it using @magdalena-gut 's PR (pretty good job) and have a couple of suggestions:

1. Automatic label hiding
It would be helpful to support auto‑hiding x‑axis labels similar to how Highcharts handles it. When there isn’t enough space, Highcharts applies rotation and if labels still overlap, it automatically hides some of them by adjusting the label step internally. Could we consider implementing something similar ?

2. Nested label overlap
Nested labels continue to overlap. Additional adjustments may be needed to ensure ellipsis is applied correctly and prevents overlapping.

Demo for your reference -> https://codepen.io/Nithin4048/pen/PwzvqQE

@magdalena-gut @jedrzejruta @wchmiel : Any comments or thoughts ?