DevExtreme jQuery/JS - Relocate Labels
Labels are located beside their series points by default. Change the series.label.position option to rearrange labels in columns or place them inside series points.
jQuery
JavaScript
$(function() { $("#pieChartContainer").dxPieChart({ // ... series: { label: { position: "columns" // or "inside" | "outside" } } }); });
Angular
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 ], // ... })
See Also
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.