项目中需要用到echarts生成图表,项目布局呈现 左-中-右
左侧菜单点击,右侧生成“不同”图表
但右侧需要一个盒子渲染
如正常使用echarts,反复点击,会出现图形重叠、图形显示混乱现象
解决:释放echarts对象
let mychart1=null
//是否echarts,保证一个div可渲染多个图形
document.getElementById("mainchart").removeAttribute("_echarts_instance_");
mychart1=this.$echarts.init(document.getElementById("mainchart"));
// 使用刚指定的配置项和数据显示图表。
var option={
.......
}
mychart1.setOption(option);