我正在使用Primeng图表组件,特别是饼图。 我能够正确渲染饼图。
但是,我现在希望在饼图上定义的任何标签上点击一个方法。 基于饼图上选择的标签,我需要在表格中过滤另一个角度组件中的数据。
任何人都可以指导我如何检索所选饼图的标签?
饼chart.component.html
<div class="row">
<h4> Tasks by Application </h4>
<p-chart type="pie" [data]="p_data" (onDataSelect)="filterByApp($event)"></p-chart>
饼chart.component.ts
filterByApp(event) {
console.log('You pressed chart by application on label: ' );
}
答案 0 :(得分:0)
使用不同的排列和组合,我能够得到解决方案。
获取所选标签的方法是 -
this.p_data.labels[event.element._index]