Skip to main content

DxChartRangeAreaSeries<T, TArgument, TValue> Class

Defines a range area series.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

public class DxChartRangeAreaSeries<T, TArgument, TValue> :
    DxChartRangeSeriesBase<T, TArgument, TValue>

Type Parameters

Name Description
T

The type of data.

TArgument

The type of arguments.

TValue

The type of values.

Remarks

Range Area series display data as a color-filled space between lines. The Chart selects the maximum and minimum values from data points with an equal argument to specify start and end values.

Charts - Range Area series

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.

@inject WeatherForecastService ForecastService

<DxChart Data="@ChartData">
    <DxChartRangeAreaSeries ValueField="@((WeatherForecast i) => i.TemperatureF)"
                            ArgumentField="@(i => i.Date.Date)"
                            Name="Temperature, F" />
</DxChart>

@code {
    WeatherForecast[] ChartData;

    protected override async Task OnInitializedAsync() {
        ChartData = await ForecastService.GetRangeForecastAsync();
    }
}

Run Demo: Charts - Range Area Series

Inheritance

Object
ComponentBase
DxSettingsComponent<DevExpress.Blazor.Internal.IXYChartSeriesModel>
DxComplexSettingsComponent<DxChartSeries, DevExpress.Blazor.Internal.IXYChartSeriesModel>
DxChartSeries
DxChartXYSeries<T, TArgument, TValue, TValue>
DxChartRangeSeriesBase<T, TArgument, TValue>
DxChartRangeAreaSeries<T, TArgument, TValue>
See Also