[Solved] Force spinning/waiting indicator

[Nikhil]

It looks like there is a built-in spinning mechanism that lets users know data is loading into the chart. I imagine this appears when a chart is created and a URL is used as the dataSource. However, I download data before implementing the chart - is there any way I can initiate the spinner manually, and then turn it off when the chart has loaded?

Thanks,
Nikhil

[Martin Yankov]

Hi Nikhil,

You can set the progress indicator programmatically by using the Telerik.UI.progress(element, show) function, where the element parameter must be an HTML element and show is a Boolean type parameter specifying whether to show or hide the indicator.

On the RadChart control it is advisable to set the progress indicator on the element with class "k-chart". Here is an example code sample that will display a progress indicator over an empty chart and will hide it after 2 seconds.

var chart = $("#chart .k-chart");
Telerik.UI.progress(chart, true);

setTimeout(function () {
    Telerik.UI.progress(chart, false);
}, 2000);

Let me know if you have any further questions.

Regards,
Martin Yankov
Telerik