DxChartCommonSeries<T, TGroup, TValue, TArgument>.SeriesType Property
Specifies the series type for XY series.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
#Declaration
[Parameter]
public ChartSeriesType SeriesType { get; set; }
#Property Value
Type | Description |
---|---|
Chart |
An enumeration value. |
Available values:
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. |
#Remarks
Use the SeriesType
property to create a common XY series (for example, line, bar, or area).
To generate series that require specific settings in addition to ArgumentField and ValueField (for example, bubble or stock series), use the SeriesTemplate property.
#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();
}
}