Drill Down

DevAV Sales
Cell Phones
TV, Audio
Vehicle Electronics
Multipurpose Batteries

You can create drill-down charts to visualize hierarchical data and allow users to explore its details. In this demo, yearly product sales are distributed between company branches and product categories. Click bar series points, area series, and breadcrumb items to navigate detail levels.

The demo uses a template to create series. The template is configured to apply individual settings to series types. Data fields that correspond to arguments and series names are passed as expressions to obtain data for a specific detail level.

The demo handles the SeriesClick and onClick events to respond to element clicks and switch between data detail levels. Depending on the level, the chart loads and displays corresponding data.