DevExtreme jQuery/JS - Rotate the Pie

The PieChart provides two options that control the layout algorithm, allowing you to rotate the pie. The first is startAngle that specifies the angle at which to lay out the first pie slice and has a value of zero degrees by default. Decreasing this value rotates the pie clockwise; increasing it does the opposite. The second option is segmentsDirection that specifies the direction - clockwise or anticlockwise - in which the slices are laid out.

$(function() {
    $("#pieChartContainer").dxPieChart({
        // ...
        startAngle: 45,
        segmentsDirection: "anticlockwise" // or "clockwise"
    });
});

<dx-pie-chart ...
    [startAngle]="45"
    segmentsDirection="anticlockwise"> <!-- or "clockwise" -->
</dx-pie-chart>

import { DxPieChartModule } from "devextreme-angular";
// ...
export class AppComponent {
    // ...
}
@NgModule({
    imports: [
        // ...
        DxPieChartModule
    ],
    // ...
})

You can try both these options on the PieChart below.

See Also

• PieChart Demos