Highcharts事件来捕捉对甜甜圈图切片的点击，并从事件中获取切片信息

Question

我使用Highcharts来显示一个甜甜圈图。当用户单击甜甜圈的一个切片时，我们希望捕获事件并获取切片信息(键、标签、值等)。从highcharts文档中，看起来选择是正确的事件，但我试图抓住它，当我单击其中一个切片时它没有触发。我还添加了点击事件，这个事件是在我点击片外触发的，而不是在片上，而且在点击事件中，它有xAxis和yAxis，而不是我正在寻找的确切信息。有熟悉海图的人可以帮忙吗?这里有一个codesandbox示例:https://codesandbox.io/s/qw8r8

部分代码片段(chartOptions的一部分)如下:

chart: {
type: 'pie',
style: {
fontFamily: 'Overpass',
},
zoomType: 'xy',
events: {
click: (event:any) => {
console.log("click event fired");
},
selection(event:any) {
console.log("selection event fired");
},
render() {
...
}
}
}

渲染事件可以被触发。单击事件仅在用户单击甜甜圈图的外部或内部时触发(而不是在切片上)。当用户单击切片时，不会触发选择事件。

Answer 1

用plotOptions.series.point.events或series.point.events代替chart.events，例如:

plotOptions: {
series: {
point: {
events: {
click: function() {
...
}
}
}
}
}

---

API参考:https://api.highcharts.com/highcharts/plotOptions.pie.point.events