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
<dx-pie-chart ... >
    <dxi-series>
        <dxo-label
            position="columns"> <!-- or "inside" | "outside" -->
        </dxo-label>
    </dxi-series>
</dx-pie-chart>

View Demo

See Also