New to Kendo UI for Angular? Start a free 30-day trial
Creating Charts with Drill-Down Support
Environment
| Product | Progress® Kendo UI for Angular Chart |
Description
How can I create a Chart with a drill-down functionality?
Solution
-
Handle the
SeriesClickEventto retrieve the required subset of data items. -
Render a new Chart which uses the retrieved data subset by using either of the following approaches:
- Use the
*ngIfstructural 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 ...