Creating Charts with Drill-Down Support

Environment

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

Using a Pie Chart