DxPieChart<T>.SegmentDirection Property

Specifies the direction in which the chart arranges series slices.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(PieChartSegmentDirection.Clockwise)]
[Parameter]
public PieChartSegmentDirection SegmentDirection { get; set; }

Property Value

Type	Default	Description
PieChartSegmentDirection	Clockwise	An enumeration value.

Available values:

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

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

For more information on how to arrange series slices, refer to the following topic: DxPieChart - Slice Layout.