Kendo bar chart not showing labels properly when scrolled along Y axis

[JP]

I have created a bar chart which has data of about thousand objects. Objects have both positive and negative values. When the chart is initially rendered all the labels are displayed properly. If there are only positive or only negative values and even when I scroll along Y axis, then labels are clearly seen for all the bars. But if both positive and negative values are there in the chart and as I scroll along Y axis, labels start disappearing. I don't understand why such behaviour is seen. I am not using any custom function to render labels. Just

categoryAxis: 

labels: {
                    rotation: 'auto',
                    position: 'start'
                } 

[JP]

I have attached some images below which shows the problem. Please help if anybody has idea about this issue

[Nikolay]

Hello Janhavi,

Before we move on I will need more information on the case so I can fully understand it.

By scrolling along Y-axis do you refer to the zoom option? Or there is a scroll bar in the chart? 

Could you please share the Chart declaration?

What Kendo UI version are you using?

Finally, it will be best if you can prepare and share a sample runnable page that clearly replicates and isolates the problem. Examining this page locally will help me fully understand the case and allow me to advise further.

Regards,
Nikolay
Progress Telerik

[JP]

Hello Nikolay,

No, I am not referring to the zoom option. Also, there is no scroll bar in the chart. Instead, I am using the Pannable property which lets user scroll along Y axis.

I have created this sample example which is exactly same as my code and the data is also real time. You can see it's simple pannable: {lock: Y} property and using labels position: start. But I am surprised to see it working here, but fails in my application. I have no idea why. Please suggest something. 

here is my example link

Thanks

[Nikolay]

Hi Janhavi,

Thank you for demonstrating the case in the Dojo demo. 

I examined it and also notice it is working correctly and the category axis labels are displayed properly at any time. I also tried to reproduce the described I another demo but the result was the same.

Is the Chart remotely bound to its data? Are there any JS errors in the console?

Is it possible to share the Chart declaration so I can try to reproduce this and investigate further?

Looking forward to your reply.

Regards,
Nikolay
Progress Telerik

[JP]

Hello Nikolay,

Yes, the chart is working fine in the example I created. I tried with various data. In my actual code, the chart gets the data from API and there are no errors in console. I am using kendo UI version 2019.2.514. This issue occurs even for the small dataset like for 30-40 objects. Chart declaration is exactly same as the example. Except that, I am using functions like seriesHover and render for other requirements. Do you think the issue has anything to do with it? Or is it because of async request?

Thanks

[Nikolay]

Hello Janhavi,

It is hard to tell what might be causing this without having the full Chart declaration. Indeed, it is possible something within those events handler to affect the functionality in question. It would be best if you can prepare and share a sample runnable page that clearly replicates and isolates the problem. Examining this page locally will help me fully understand the case and allow me to investigate further.

Regards,
Nikolay
Progress Telerik