DxChartDonutSeries<T, TArgument, TValue> Class

Defines a donut series.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v20.2.dll

Declaration

public class DxChartDonutSeries<T, TArgument, TValue> :
    DxChartSeries<T, TArgument, TValue, ChartDonutSeriesModel<T, TArgument, TValue>>

Type Parameters

Name Description
T

The type of data.

TArgument

The type of arguments.

TValue

The type of values.

Remarks

The following image shows a donut chart sample:

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. For a sample data source, refer to our GitHub repository.

<DxChart Data="@SalesData">
    <DxChartTitle Text="Total Sales" />
    <DxChartLegend AllowToggleSeries="true" VerticalAlignment="VerticalEdge.Bottom" Position="RelativePosition.Outside" />
    <DxChartDonutSeries ValueField="@((SaleInfo i) => i.Amount)"
                      ArgumentField="@(i => i.City)"
                      AggregationMethod="Enumerable.Sum">
        <DxChartSeriesLabel Visible="true" />
    </DxChartDonutSeries>
</DxChart>

@code {
    IEnumerable<SaleInfo> SalesData;

    protected override async Task OnInitializedAsync() {
        SalesData = (await Sales.GetSalesAsync()).Where(x => x.Country == "United States");
    }
}

Run Demo: Charts - Donut Series

Inheritance

Object
ComponentBase
DxSettingsComponent<DevExpress.Blazor.Internal.ChartSeriesModel>
DxComplexSettingsComponent<DxChartSeries, DevExpress.Blazor.Internal.ChartSeriesModel>
DxChartSeries
DxChartSeries<T, TArgument, TValue, TValue, DevExpress.Blazor.Internal.ChartDonutSeriesModel<T, TArgument, TValue>>
DxChartSeries<T, TArgument, TValue, DevExpress.Blazor.Internal.ChartDonutSeriesModel<T, TArgument, TValue>>
DxChartDonutSeries<T, TArgument, TValue>
See Also