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

})

}

问题得到解决。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 6,561评论 1 10
  • 第01章 JAVA简介第02章 基础语法第02章 递归补充第03章 面向对象第04章 异常处理第05章 数组第06...
    顺毛阅读 3,480评论 0 1
  • 2.相等运算符 3.is:同一性运算符 #避免将is运算符用于比较类似数值和字符串这类不可变值,由于Python内...
    mydre阅读 3,935评论 0 1
  • Unit I Accounting and Accounting Information 第一单元 会计和会计信息...
    汪金阅读 4,711评论 0 0
  • 简单整理一下,我认为写作对我而言有三重作用,第一是内心再平衡,在工作和生活中会遇到各种各样不如意的事情,情绪很坏的...
    赵峥辰阅读 1,373评论 0 0

友情链接更多精彩内容