Angular 8 highcharts 如何将自定义数据传递给 Highcharts 中的向下钻取事件
Angular 8 highcharts How to pass custom data to drilldown event in 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.
有几种方法可以从回调函数访问drilldownDataSeries,最简单的方法是使用箭头函数。您可以在该线程中阅读有关此方法和其他解决方案的更多信息:
...
chart: {
events: {
drilldown: () => {
console.log(this.drilldownData);
}
}
},
...
现场演示:
https://stackblitz.com/edit/highcharts-angular-basic-line-jwwfd8
我是 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.
有几种方法可以从回调函数访问drilldownDataSeries,最简单的方法是使用箭头函数。您可以在该线程中阅读有关此方法和其他解决方案的更多信息:
...
chart: {
events: {
drilldown: () => {
console.log(this.drilldownData);
}
}
},
...
现场演示:
https://stackblitz.com/edit/highcharts-angular-basic-line-jwwfd8