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配置对象
}