Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

ChartSeriesType Enum

Lists values that specify a chart series type.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
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:

#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:

Razor
<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();
    }
}
See Also