用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);
})
}
问题得到解决。