Log In
[Expand]Welcome to DevExpress .NET Documentation
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Collapse]Chart Control
   [Expand]Product Information
   [Expand]Getting Started
    [Collapse]Creating Charts
     [Collapse]2D Chart Types
       Area Chart
       Bubble Chart
       Candle Stick Chart
       Doughnut Chart
       Nested Doughnut Chart
       Full-Stacked Area Chart
       Full-Stacked Bar Chart
       Full-Stacked Line Chart
       Full-Stacked Spline Area Chart
       Funnel Chart
       Line Chart
       Overlapped Gantt Chart
       Overlapped Range Bar Chart
       Pie Chart
       Point Chart
       Polar Area Chart
       Polar Line Chart
       Polar Point Chart
       Radar Area Chart
       Radar Line Chart
       Radar Point Chart
       Range Area Chart
       Scatter Line Chart
       Scatter Polar Line Chart
       Scatter Radar Line Chart
       Side-by-Side Bar Chart
       Side-by-Side Full-Stacked Bar Chart
       Side-by-Side Gantt Chart
       Side-by-Side Range Bar Chart
       Side-by-Side Stacked Bar Chart
       Spline Area Chart
       Spline Chart
       Stacked Area Chart
       Stacked Bar Chart
       Stacked Line Chart
       Stacked Spline Area Chart
       Step Area Chart
       Step Line Chart
       Stock Chart
       Swift Plot
     [Expand]3D Chart Types
     [Expand]Providing Data
     [Expand]Data Representation
     [Expand]Appearance Customization
    [Expand]Chart Elements
    [Expand]End-User Interaction
     Supported Browsers
     Adding a Web Chart
     Handling Client-side Scripts
     Medium Trust Support
     Web Farm and Web Gardens Support
   [Expand]Design-Time Features
   [Expand]Visual Elements
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Rich Text Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Expand]Site Navigation and Layout
  [Expand]File Management
  [Expand]Multi-Use Site Controls
  [Expand]HTML Editor
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Data Editors
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Report Server
[Expand]eXpressApp Framework
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Side-by-Side Stacked Bar Chart

Expanded Short Description

The Side-by-Side Stacked Bar Chart is represented by the SideBySideStackedBarSeriesView object, which belongs to Bar and Column Series Views. This view combines the advantages of both the Stacked Bar and Side-by-Side Bar chart types, so that you can stack different bars, and combine them into groups shown side-by-side across the same axis value (via the SideBySideStackedBarSeriesView.StackedGroup property).


When using series template binding for Side-by-Side Stacked Bars, the SideBySideStackedBarSeriesView.StackedGroup property should be specified at runtime, in the WebChartControl.BoundDataChanged event handler.

A Side-by-Side Stacked Bar chart is shown in the image below. Note that this chart type is based upon the XYDiagram, so it can be rotated to show bars either vertically or horizontally.


A Side-by-Side Stacked Bar chart can display series containing data points with positive or negative values. However, a series with positive values is stacked only with other series containing positive values; and a series with negative values is stacked with other series containing negative values.

Note that if a series contains data points with both positive and negative values, it is treated as a series with positive values, while all its negative values are treated as zeros.

Expanded Chart Type Characteristics

The table below lists the main characteristics of this chart type.



Series View type SideBySideStackedBarSeriesView
Diagram type 2D-XYDiagram
Number of arguments per series point 1
Number of values per series point 1

For information on which chart types can be combined with the Side-by-Side Stacked Bar Chart, refer to the Combining Different Series Views document.

Expanded Example

This example demonstrates how to create a chart with series of the SideBySideStackedBarSeriesView type, and add this chart to a form at runtime. Before proceeding with this example, first create a Windows Forms Application in Visual Studio, and include all necessary assemblies to the References list of your project.

Then, add the following code to the Form.Load event handler.

Show Me

A complete sample project is available in the DevExpress Code Examples database at http://www.devexpress.com/example=E2092.

Is this topic helpful?​​​​​​​