Full-Stacked Bar

AsiaAustraliaEuropeNorth AmericaSouth America0 %10 %20 %30 %40 %50 %60 %70 %80 %90 %100 %DevAV Sales Region19 %23 %14 %28 %26 %4 %18 %22 %20 %5 %23 %26 %16 %12 %21 %23 %16 %19 %17 %13 %31 %17 %29 %24 %35 %Total4390KTotal1389KTotal4545KTotal4765KTotal2505KVideo playersAutomationMonitorsProjectorsTelevisions
Labels Settings
v
+
-
v
Apply Changes


This demo shows the Full Stacked Bar view that allows you to visualize data as columns stacked over each other. This view is useful when comparing an individual series' values with total values an argument aggregates.

You can enable series point labels (Show Labels option) and total series labels (Show Total Labels option), customize their position (Position option) and orientation (Orientation option). Also, if series point labels are inside bars, at the left or right edge, you can specify their indent (Label Indent option). In addition, you can select whether the labels reflect the real values, or percentages (Value as Percent option).

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