时间戳

首页 > 解决方案 > Angular 8 highcharts 如何将自定义数据传递给 Highcharts 中的向下钻取事件

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

问题描述

我是 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.

标签： highchartsangular8angular2-highcharts

解决方案

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

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

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

推荐阅读