Pre loader

WPF Stacked Column Chart Side by Side

WPF Chart - Examples

SciChart WPF ships with hundreds of WPF Chart Examples which you can browse, play with, view the source-code and even export each WPF Chart Example to a stand-alone Visual Studio solution. All of this is possible with the new and improved SciChart WPF Examples Suite, which ships as part of the SciChart WPF SDK.

Download the SDK

Generates a Stacked Column chart with multiple stacked groups to render the stacked groups side by side. The StackedColumnRenderableSeries API can be used to render columns stacked one above another, side by side, or a Left or Right aligned Bar Chart.

Columns are rendered using the Stroke (outline) and Fill (fill).


Do you need to change the width of the column? Try setting DataPointWidth from 0.0 to 1.0. This alters how much space the column takes up. Also the UseUniformWidth property may be used to define whether column widths are uniform or not

Do you need to make one of the series invisible? Try to check/uncheck checkboxes in legend, or set BaseRenderableSeries.IsVisible = false. There are no gaps in series, if you make them invisible.

Documentation Links

Introduction to Stacked Series in SciChart
StackedColumnRenderableSeries Type
Grouped Column Series Type

The C#/WPF source code for the WPF Stacked Column Chart Side by Side example is included below (Scroll down!).

Did you know you can also view the source code from one of the following sources as well?

  1. Clone the SciChart.WPF.Examples from Github.
  2. Or, view source in the SciChart WPF Examples suite.
  3. Also the SciChart WPF Trial contains the full source for the examples (link below).


View source code
View source code
View source code
Back to WPF Chart Examples

WPF Chart Examples

2D Charts

Create Custom Charts

3D Charts

Zoom and Pan a 3D Chart

Featured Apps

Parallel Coordinate Plots