DxChartStepAreaSeries<T, TArgument, TValue> Class

Defines a step area series.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.dll

Declaration

public class DxChartStepAreaSeries<T, TArgument, TValue> :
    DxChartSeries<T, TArgument, TValue, ChartStepAreaSeriesModel<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 step area series displays data as a polyline that connects the series values by horizontal and vertical line segments. The area between the polyline and the argument axis is shaded with a color.

<DxChart Data="@ChartsData">
    <DxChartStepAreaSeries Name="2013" Filter="@((SaleInfo s) => s.Date.Year == 2013")
                       ArgumentField="@(s => s.City)" ValueField="@(s => s.Amount)" />
    <DxChartStepAreaSeries Name="2014" Filter="@((SaleInfo s) => s.Date.Year == 2014")
                       ArgumentField="@(s => s.City)" ValueField="@(s => s.Amount)" />
    <DxChartStepAreaSeries Name="2015" Filter="@((SaleInfo s) => s.Date.Year == 2015)"
                       ArgumentField="@(s => s.City)" ValueField="@(s => s.Amount)" />
    <DxChartLegend Position="@RelativePosition.Outside" HorizontalAlignment="@HorizontalAlignment.Right" />
</DxChart>

Chart Step Area Series

Online Demo

Charts - Series Types

Inheritance

Object
ComponentBase
DxSettingsComponent<ChartSeriesModel>
DxComplexSettingsComponent<DxChartSeries, ChartSeriesModel>
DxChartSeries
DxChartSeries<T, TArgument, TValue, TValue, ChartStepAreaSeriesModel<T, TArgument, TValue>>
DxChartSeries<T, TArgument, TValue, ChartStepAreaSeriesModel<T, TArgument, TValue>>
DxChartStepAreaSeries<T, TArgument, TValue>
See Also