You can create drill-down charts to visualize hierarchical data and allow users to explore its details. In this example, 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 example 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 example 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.

• Index.razor

• DxChart

(you will be redirected to DevExpress.com to submit your response)