I have an Angular kendo chart, where I use the "[plotBands]" attribute, in order to have some part of my chart in another color. You can see it in the attached image.
If periods are highlighted (past/current periods), then after zoom, the chart component uses the original indexes and highlights the wrong periods.
picture chart1. (no zoom) : current period is 03-2020 (third period
After zoom, I have this image
picture chart2. With zoom: current becomes 07-2020 (the third one according to indexes).
So how can I show the real selected (03-2020 third period) part and hide it after zoom?
I have tested and found that it does not work only with the "kendo-chart-category-axis".
When I set "plotbands" to "kendo-chart-value-axis" and then zoom the chart, then it worked as expected<stdytrp-widget-1618841306601 style="all: unset; position:absolute !important;top:0 !important;left:0 !important;"></stdytrp-widget-1618841306601>