Getting Started
Components
Styling & Themes
Common Features
Project Setup
Knowledge Base
Sample Applications
FAQ
Troubleshooting
Updates
Changelogs

Knowledge Base / Creating a Chart with a Loading Indicator /

New to Kendo UI for Angular? Start a free 30-day trial

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

Create a Loader in a loading panel(see example).
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.

Example

View Source

Change Theme:

See Also

Creating Charts with No-Data Overlays

Creating a Base64 String When Using the PDFExport

Creating a Chart with a No-Data Overlay