Récupérer des étiquettes de p-chart sur click

Question

J'utilise les composants graphiques Primeng spécifiquement le camembert. Je suis capable de rendre le camembert correctement.

Cependant, je cherche maintenant à appeler une méthode sur le clic sur l'une des étiquettes définies sur le camembert. Basé sur l'étiquette sélectionnée sur le camembert, j'ai besoin de filtrer les données dans le tableau dans un autre composant angulaire.

Quelqu'un peut-il me guider comment puis-je récupérer l'étiquette du camembert sélectionné?

pie-chart.component.html

<div class="row"> 
<h4> Tasks by Application </h4> 
<p-chart type="pie" [data]="p_data" (onDataSelect)="filterByApp($event)"></p-chart> 

pie-chart.component.ts

filterByApp(event) { 
    console.log('You pressed chart by application on label: '); 
} 

Answer 1

Travailler avec différentes permutations et les combinaisons que j'ai pu obtenir la solution.

Le procédé pour obtenir l'étiquette sélectionnée est -

this.p_data.labels[event.element._index]