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

Question

我有气泡图，当我点击气泡时，我想用气泡数据调用函数。

如何将数据传递给这个函数？

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

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

标签： angulartypescriptchart.jsprimengbubble-chart

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是否支持气泡图。因为当我将类型作为气泡传递时。它没有显示任何东西。我在线路栏等中尝试了上述方法。