javascript - Chart.js & Angular 2 - ng2-charts 自定义点击事件

Question

我正在尝试在我的 Angular 2 项目中实现 ng2-charts，我想知道如何创建自定义 onclick 事件。意思是，我想覆盖购物车上的当前 onclick 事件以执行一些自定义功能(重定向到页面、显示模态等)。

有没有简单的方法来做到这一点？它是内置的吗？

任何见解将不胜感激

Answer 1

我在 https://github.com/valor-software/ng2-charts/issues/489 找到了这个解决方案

public chartClicked(e: any): void {
if (e.active.length > 0) {
const chart = e.active[0]._chart;
const activePoints = chart.getElementAtEvent(e.event);
  if ( activePoints.length > 0) {
    // get the internal index of slice in pie chart
    const clickedElementIndex = activePoints[0]._index;
    const label = chart.data.labels[clickedElementIndex];
    // get value by index
    const value = chart.data.datasets[0].data[clickedElementIndex];
    console.log(clickedElementIndex, label, value)
  }
 }
}