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. |
Full
|
Displays the percentage value of multiple area series for each argument. |
Full
|
Displays the percentage value of multiple bar series for each argument. |
Full
|
Displays the percentage value of multiple line series for each argument. |
Full
|
Displays the percentage value of multiple spline series for each argument. |
Full
|
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. |
Spline
|
Displays data as a spline interpolation of the series values. The area between the spline and the argument axis is shaded with a color. |
Stacked
|
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. |
Stacked
|
Displays data as a collection of rectangular bars. Values of different series are stacked in multiple-series bars. |
Stacked
|
Displays data as points joined by line segments. Different series do not overlap because their values are stacked. |
Stacked
|
Displays data as points joined by a spline interpolation. Different series do not overlap because their values are stacked. |
Stacked
|
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. |
Step
|
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. |
Step
|
Displays data as points joined by horizontal and vertical line segments, looking like steps. |
Range
|
Obsolete. Displays value ranges that correspond to argument values. Chart data is displayed as rectangles between the specified start and end value. |
Range
|
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:
<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();
}
}