单击时从p图表中检索标签

时间:2017-09-27 19:27:03

标签: angular charts primeng

我正在使用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: ' );
}

1 个答案:

答案 0 :(得分:0)

使用不同的排列和组合,我能够得到解决方案。

获取所选标签的方法是 -

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