New to Kendo UI for Angular? Start a free 30-day trial
Creating a Chart with a No-Data Overlay
Environment
| Product | Progress® Kendo UI for Angular Chart |
Description
How can I show an no-data overlay in the Chart component?
Solution
Use the *ngIf structural directive to create the desired overlay element and display it when the Chart component doesn't contain any data.
The following example demonstrates a basic overlay that is shown over the Chart component when the data collection is empty.
Using a Column Chart
Example
View Source
Change Theme:
