Skip to main content

DxChartStackedBarSeries<T, TArgument, TValue> Class

Defines a stacked bar series.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

public class DxChartStackedBarSeries<T, TArgument, TValue> :
    DxChartStackedBarSeriesBase<T, TArgument, TValue>

Type Parameters

Name Description
T

The type of data.

TArgument

The type of series arguments.

TValue

The type of series values.

Remarks

The stacked bar series displays data as a collection of rectangular bars. Values of different series are stacked in multiple-series bars.

Use the chart’s Data property to specify an IEnumerable<T> data source, and the ArgumentField and ValueField properties to specify data source fields that contain arguments and values for chart points. For a sample data source, refer to our GitHub repository.

<DxChart Data="@SalesData">
    <DxChartStackedBarSeries Name="2017" 
                             Filter="@((SaleInfo s) => s.Date.Year == 2017)"
                             ArgumentField="@(s => s.City)" 
                             ValueField="@(s => s.Amount)"
                             SummaryMethod="Enumerable.Sum" />
    <DxChartStackedBarSeries Name="2018" 
                             Filter="@((SaleInfo s) => s.Date.Year == 2018)"
                             ArgumentField="@(s => s.City)" 
                             ValueField="@(s => s.Amount)"
                             SummaryMethod="Enumerable.Sum" />
    <DxChartStackedBarSeries Name="2019" 
                             Filter="@((SaleInfo s) => s.Date.Year == 2019)"
                             ArgumentField="@(s => s.City)" 
                             ValueField="@(s => s.Amount)"
                             SummaryMethod="Enumerable.Sum" />
    <DxChartLegend Position="RelativePosition.Outside" HorizontalAlignment="HorizontalAlignment.Right" />
</DxChart>

Chart Stacked Bar Series

Use the Stack property to create a side-by-side bar chart.

Run Demo: Charts - Bar Series

Inheritance

Object
ComponentBase
DxSettingsComponent<DevExpress.Blazor.Internal.IXYChartSeriesModel>
DxComplexSettingsComponent<DxChartSeries, DevExpress.Blazor.Internal.IXYChartSeriesModel>
DxChartSeries
DxChartXYSeries<T, TArgument, TValue, TValue>
DxChartBarSeriesBase<T, TArgument, TValue>
DxChartStackedBarSeriesBase<T, TArgument, TValue>
DxChartStackedBarSeries<T, TArgument, TValue>
See Also