ChartSeriesType Enum

Lists values that specify a chart series type.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

public enum ChartSeriesType

Members

Name	Description
Area	Displays data as a polyline that connects the series values. The area between the polyline and the argument axis is shaded with a color.
Bar	Displays data as a collection of rectangular bars.
Bubble	Obsolete. Displays data as individual bubbles of different sizes.
FullStackedArea	Displays the percentage value of multiple area series for each argument.
FullStackedBar	Displays the percentage value of multiple bar series for each argument.
FullStackedLine	Displays the percentage value of multiple line series for each argument.
FullStackedSpline	Displays the percentage value of multiple spline series for each argument.
FullStackedSplineArea	Displays the percentage value of multiple spline area series for each argument.
Line	Displays data as points joined by line segments.
Scatter	Displays data as a collection of points.
Spline	Displays data as points joined by a spline interpolation.
SplineArea	Displays data as a spline interpolation of the series values. The area between the spline and the argument axis is shaded with a color.
StackedArea	Displays data as a polyline that connects the series values. The area between the polyline and the argument axis (or a lower series) is shaded with a color. Different series do not overlap because their values are stacked.
StackedBar	Displays data as a collection of rectangular bars. Values of different series are stacked in multiple-series bars.
StackedLine	Displays data as points joined by line segments. Different series do not overlap because their values are stacked.
StackedSpline	Displays data as points joined by a spline interpolation. Different series do not overlap because their values are stacked.
StackedSplineArea	Displays data as a spline interpolation of the series values. The area between the spline and the argument axis (or a lower series) is shaded with a color. Different series do not overlap because their values are stacked.
StepArea	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.
StepLine	Displays data as points joined by horizontal and vertical line segments, looking like steps.
RangeBar	Obsolete. Displays value ranges that correspond to argument values. Chart data is displayed as rectangles between the specified start and end value.
RangeArea	Obsolete. Displays series as filled areas on a diagram, with two data points that define minimum and maximum limits.
Stock	Obsolete. Displays data as vertical line with Low and High values and two marks displaying Open and Close values.
Candlestick	Obsolete. Displays data as range bars with wicks on a chart, where Open and Close values form bar body, and Low and High values constitute upper and lower wicks.

Related API Members

The following properties accept/return ChartSeriesType values:

• DxChartCommonSeries<T, TGroup, TValue, TArgument>.SeriesType

Remarks

Use the SeriesType property to create a common XY series (for example, line, bar, or area).

Example

The following code snippet uses a drop-down menu to change the series type dynamically:

<label><b>Series Type:</b></label>
<DxComboBox Data="Enum.GetValues<ChartSeriesType>()"
            @bind-Value="@CurrentSeriesType" />

<DxChart Data="@SalesData">
    <DxChartTitle Text="Sales amount, $" />
    <DxChartCommonSeries SummaryMethod="Enumerable.Sum"
                         NameField="@((SaleInfo s) => s.Date.Year)"
                         ArgumentField="@((SaleInfo s) => s.City)"
                         ValueField="@((SaleInfo s) => s.Amount)"
                         SeriesType="@CurrentSeriesType">
    </DxChartCommonSeries>
    @* ... *@
</DxChart>

@code {
    ChartSeriesType CurrentSeriesType = ChartSeriesType.Line;

    IEnumerable<SaleInfo> SalesData;
    protected override async Task OnInitializedAsync() {
        SalesData = await Sales.GetSalesAsync();
    }
}