角度 8 高图表 如何将自定义数据传递到高图表中的向下钻取事件

Question

我是 Angular 的新手，并试图在下面实现。 我在角度组件中创建了一个数据对象

@..
...
export class MyComponent{
drilldownDataSeries : {
's1' : {
...
},
's2' : {
...
}
}

然后想在图表对象的明细事件中使用此对象。在 ngOnInit(( 中设置图表选项。

this.chartOptions = {
chart :{
events : {
drilldown : function(e){
//** here i want to use drilldownDataSeries  object in the callback function
}
}
}
}```
here i want to use drilldownDataSeries  object in the callback function.

Answer 1

有几种方法可以从回调函数访问drilldownDataSeries，最简单的方法是使用箭头函数。您可以在此线程中阅读有关此方法和其他解决方案的更多信息：https://stackoverflow.com/a/20279485/12285185

...
chart: {
events: {
drilldown: () => {
console.log(this.drilldownData);
}
}
},
...

现场演示：
https://stackblitz.com/edit/highcharts-angular-basic-line-jwwfd8