Creating Charts with Drill-Down Support

Updated over 6 months ago

Environment

Product

Progress® Kendo UI for Angular Chart

Description

How can I create a Chart with a drill-down functionality?

Solution

1. Handle the SeriesClickEvent to retrieve the required subset of data items.

2. Render a new Chart which uses the retrieved data subset by using either of the following approaches:

• Use the *ngIf structural directive to render a new chart.
• Update the data of the current chart.

The following examples show the full implementation of the suggested approaches.

Using a Column Chart

Change Theme

Theme

Loading ...

Using a Pie Chart

Change Theme

Theme

Loading ...