New to Telerik UI for Blazor? Start a free 30-day trial

Stacked Chart Series

Updated on Sep 16, 2026

You can stack different series in one data category on top of each other to showcase cumulative effects.

This article explains how to configure the available stack options:

Series stacking is available for "bar", "column", "line", "area" types of series, and all series in the same stack must be of the same type.

Stack settings of the first series are inherited as a default value by the rest of the series, in case they are not overridden.

Named stacks are supported for "bar" and "column" charts. All line-type charts ("line" and "area") always stack together because there is no visual way to denote separate groups.

Simple Stack

To stack all series together, set the Enabled property to true in the ChartSeriesStack tag of the first series in your chart.

All series stacked together

Example
View Source
Loading ...

Named Stack

You can choose which series to cluster together through the Group property of the ChartSeriesStack tag. If you set it to one series, it automatically enables stacking, so if you want to put one or more series in a separate group, you must provide a group name for each series.

Stack certain series together in a separate group

Example
View Source
Loading ...

Stack 100%

You can also have each stack fill up the entire chart - its total value will be 100%. This is often useful when contribution of values within stacks is more meaningful than the amounts themselves.

To use a 100% stacks, set the Type property of the first stacked series to Telerik.Blazor.ChartSeriesStackType.Stack100.

You can use separate groups, or you can stack all series together with just the Enabled property.

Stack 100% with groups

Example
View Source
Loading ...

See Also