How can I add a loading spinner into a Chart ?

How can I add a loading spinner into a Chart ? I've seen there is some support for React Grids, but I was not able to find documentation for charts.

It would be helpful to have something like that including for series which are added at the runtime


1 Reply

NP Nishanthi Panner Selvam Syncfusion Team January 13, 2025 03:05 PM UTC

Hi Adrian,


Greetings from Syncfusion.


We have analyzed your query, and based on that, we can display the spinner in the load event and hide it in the loaded event. This will ensure the spinner remains visible until the chart has finished loading, and then it will be hidden.


For more information on its implementation, please refer to the sample browser link below. In remote data sample, where we have displayed a spinner until the data is fetched and the chart gets loaded.

https://ej2.syncfusion.com/react/demos/#/material3/chart/remote-data


Regards,

Nishanthi


Loader.
Up arrow icon