DxPieChart<T>.StartAngle Property

Specifies the angle at which the chart lays out the first series slice.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(0)]
[Parameter]
public double StartAngle { get; set; }

Property Value

Type	Default	Description
Double	0	The start angle in degrees.

Remarks

Use the StartAngle property to specify the angle at which the chart lays out the first series slice. Positive property values turn the start line counterclockwise, negative values – clockwise.

The following example sets the start line angle to 45 degrees:

<DxPieChart Data="@SalesData"
            StartAngle="45"
            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.