echarts-ng2为饼图对象添加点击事件

用echarts-ng2为饼图的各个扇区添加事件;

html中:

ts中:引入echarts-ng2

import { EChartOption, ECharts }from 'echarts-ng2';

@ViewChild('myChart')echarts: ECharts;

添加事件:ngOnInit(){

this.echarts.on('click',function(params){

console.log(params);

})

};

但是在控制台报错如下:

方法放到构造器中也是同样的问题,但是放在其他标签的事件中就不会报这样的错误;

原因可能是在组件在构造器阶段和初始化状态时,this.echarts这个对象还未构建;

解决的办法:

将时间放在图表初始化之后,在html中添加onAfterInit事件,(onAfterInit)="onAfterInitFunction($event)"

ts中:

onAfterInitFunction(event:any){

this.echarts.on('click',function(params){

console.log(params);

})

}

问题得到解决。

你可能感兴趣的:(echarts-ng2为饼图对象添加点击事件)