Angular 8 highcharts 如何将自定义数据传递给 Highcharts 中的向下钻取事件

Question

我是 Angular 的新手，正在尝试在下面实施。我在 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，最简单的方法是使用箭头函数。您可以在该线程中阅读有关此方法和其他解决方案的更多信息：

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

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

Angular 8 highcharts 如何将自定义数据传递给 Highcharts 中的向下钻取事件

Angular 8 highcharts How to pass custom data to drilldown event in Highcharts

highcharts

angular8

angular2-highcharts