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

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

页面模板：

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

<div echarts class="chart" [options]="chartOption1" (chartInit)= "onChartInit($event)" ></div>

**.component.ts文件：

// 定义方法获取echart对象

onChartInit(chartOpt){

console.log(chartOpt)

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

}

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

anyFunction(){

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

}