angular4 项目中使用echart 时动态修改图表数据

准备工作：基于项目中已经完成echart插件的配置

页面模板：

//(chartInit)= "onChartInit($event)" 将会把当前生成的echart对象当作参数传入到onChartInit()方法中

 

**.component.ts文件：

 

// 定义方法获取echart对象

onChartInit(chartOpt){

        console.log(chartOpt)

        this.echartOpt1=chartOpt;  //echartOpt1是定义的用于接受echart的变量

}

 

//修改echart对象,触发事件即可

anyFunction(){

　　this.echartOpt1.setOption(this.chartOption1,true); //chartOption1是echart的option配置对象

}

 

转载于:https://www.cnblogs.com/nouveau/p/9366368.html