Kendo react chart takes time to load

1 Answer 118 Views
Charts
Nithya
Top achievements
Rank 1
Iron
Nithya asked on 02 May 2023, 11:02 AM

hi Team,

I'm using kendo react chart to plot trends (line chart) like below. It takes some time to plot the lines (Say 1- 2 sec approx). the axis and background is visible and there is delay till lines gets plotted.
Is there any callback function that lets know that graph is completely plotted on the space? it helps to shows loader till then 

1 Answer, 1 is accepted

Sort by
0
Filip
Telerik team
answered on 04 May 2023, 08:29 AM

Hi, Nithya,

A callback function that lets the developer know when the graph is completely plotted is not available, the closest thing that comes is the onRender event which will fire after all the data is handled internally by the Chart and it is ready to render the content:

https://www.telerik.com/kendo-react-ui/components/charts/api/ChartProps/#toc-onrender

I can also recommend setting the transition prop to false, as that will prevent the initial delay, I made an example that showcases this approach here:

https://stackblitz.com/edit/react-cx2kky?file=app%2Fmain.jsx

Regards,
Filip
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!

Tags
Charts
Asked by
Nithya
Top achievements
Rank 1
Iron
Answers by
Filip
Telerik team
Share this question
or