如何获取在图表上点击的项目（primeNg 图表 + angular 应用程序）

Question

我有气泡图，我想在单击气泡时调用带有气泡数据的函数。

如何将数据传递给此函数？

<p-chart type="bubble" [data]="chartData" [options]="options" (click)=openProject($event)></p-chart>

  openProject(event) {
    // how I can get item value here?
  }

Answer 1

Primeng 在官方网站上提供了自己的方法 onDataSelect 来处理点击事件。你可以用那个。

<p-chart type="line" [data]="data" (onDataSelect)="selectData($event)"></p-chart>

selectData(e:any){
        console.log(e.dataset);
        console.log(e.element);
        console.log(e.element._datasetIndex);
        console.log(e.element._index);
    }

我不确定 primeng 是否支持气泡图。因为当我将类型作为气泡传递时。它没有显示任何内容。我在线条等中尝试了上述方法。