DevExtreme React - Access a Label Using the API

NOTE
Before accessing a point label, you must gain access to its series point. You can learn the details in the Access a Point Using the API topic.

To access a point label, call the getLabel() method of its series point. This method returns an object described in the Label section of the API reference.

jQuery
JavaScript
var series = $("#pieChartContainer").dxPieChart("getAllSeries")[0];
var seriesPoints = series.getAllPoints();
var label = seriesPoints[0].getLabel();
Angular
TypeScript
import { ..., ViewChild } from '@angular/core';
import { DxPieChartModule, DxPieChartComponent } from 'devextreme-angular';
// ...
export class AppComponent {
    @ViewChild(DxPieChartComponent) pieChart: DxPieChartComponent;
    label: any = {};
    getPointLabel () {
        let series = this.pieChart.instance.getAllSeries()[0];
        let seriesPoints = series.getAllPoints();
        this.label = seriesPoints[0].getLabel();
    }
}
@NgModule({
    imports: [
        // ...
        DxPieChartModule
    ],
    // ...
})

Once you access a label, you can, for example, hide or show it by calling the hide() or show() method.

JavaScript
label.hide();
// label.show();
See Also