Drill Down

DevAV NorthDevAV SouthDevAV WestDevAV EastDevAV Center0300600900120015001800210024002700300033003600Thousands of USDDevAV Total SalesCamerasCell PhonesComputersTV, AudioVehicle ElectronicsMultipurpose Batteries


This demo illustrates how to create a drill-down chart.

The main chart is Pie, whose series points display the minimum price for each category. Clicking on any pie slice invokes the Bar chart, which displays all product prices in the selected category.

In the detail chart you can click the Back to the main view... hyperlink and the initial Pie chart will be restored. Note: the EnableClientSideAPI must be set to true to enable this feature.

Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxChartDemos