i have three different charts under three different <div>. Which is placed under bootstrap tab. Initially when the page loads the first chart is loading properly. If i click on the second tab the second chart will be displayed but the chart size is getting reduced from the actual size. same is happening for the third tab also. If press f12 in my chrome then the chart is coming back to initial stage!. Basically the resize is not working..
Any help?
Any help?
1 Answer, 1 is accepted
0
Accepted
Hi Shinoj,
The observed issue is caused by some of the charts are initialized inside hidden containers - in this case the JavaScript calculations don't work. In order to achieve the expected result you should call kendo.resize when chart containers become visible.
Regards,
Iliana Nikolova
Telerik
The observed issue is caused by some of the charts are initialized inside hidden containers - in this case the JavaScript calculations don't work. In order to achieve the expected result you should call kendo.resize when chart containers become visible.
Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!