在项目中,常常会使用按钮等切换两图表的显示,在切换时,容易发生数据污染,原图表的数据仍会保留在页面中,并且影响例外图表的数据显示。
两个图表之间使用v-if控制显示隐藏,并且在绘制图表时,实例(vue框架)。
多次调用绘制图表时,option选项默认是合并(merge)的。
const Chart = this.$refs.chart1;
let Option = this.setOption(this.trendData);
this.instance = this.$echarts.init(Chart);
this.instance.setOption(Option, true); // 加入true 表示不合并配置