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

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

html中：<echarts-ng2   #myCharts ></echarts-ng2>

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);

})

}

问题得到解决。