Angular PieChart - Relocate Labels

Labels are located beside their series points by default. Change the series.label.position property to rearrange labels in columns or place them inside series points.

HTML
TypeScript
  • <dx-pie-chart ... >
  • <dxi-series>
  • <dxo-label
  • position="columns"> <!-- or "inside" | "outside" -->
  • </dxo-label>
  • </dxi-series>
  • </dx-pie-chart>
  • import { DxPieChartModule } from "devextreme-angular";
  • // ...
  • export class AppComponent {
  • // ...
  • }
  • @NgModule({
  • imports: [
  • // ...
  • DxPieChartModule
  • ],
  • // ...
  • })

View Demo

See Also