PieChartSegmentDirection Enum

Lists values that specify how the chart arranges series slices.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

public enum PieChartSegmentDirection

Members

Name	Description
Clockwise	Arranges series slices clockwise.
CounterClockwise	Arranges series slices counterclockwise.

Related API Members

The following properties accept/return PieChartSegmentDirection values:

• DxPieChart<T>.SegmentDirection

Remarks

Use the SegmentDirection property to arrange series slices clockwise or counterclockwise.

The following code snippet changes the slice direction from Clockwise to CounterClockwise:

<DxPieChart Data="@SalesData"
            SegmentDirection="PieChartSegmentDirection.CounterClockwise"
            T="SaleInfo">
    <DxPieChartSeries T="SaleInfo"
                      TArgument="string"
                      TValue="double"
                      ValueField="si => si.Amount"
                      ArgumentField="si => si.Region"
                      SummaryMethod="Enumerable.Sum">
        <DxChartSeriesLabel Visible="showLabels"
                            Position="labelPosition"
                            ValueFormat="ChartElementFormat.Thousands(1)">
            <DxChartSeriesLabelConnector Visible="true" />
        </DxChartSeriesLabel>
    </DxPieChartSeries>
    @* ... *@
</DxPieChart>

@code {
    IEnumerable<SaleInfo> SalesData;
    bool showLabels = true;
    RelativePosition labelPosition = RelativePosition.Outside;

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