Creating a Chart with a Loading Indicator

Environment

Product

Progress® Kendo UI for Angular Chart

Description

How can I show a loading indicator inside the Chart component?

Solution

1. Create a Loader in a loading panel(see example).

2. When retrieving the data for the Chart component, display the loading panel by utilizing the *ngIf structural directive and remove the panel when the data retrieval is completed.

The following example shows the full implementation of the demonstrated approach.

Change Theme

Theme

Loading ...

See Also

• Creating Charts with No-Data Overlays