多个组件复用echarts,或者是一个组件用多个echarts
这里根据两个不同的原因给出两个解决方案
一、id复用
这个主要的原因是id在别的父组件已经被设置了,其他的组件要想调用这个echarts会出现id重复
var chartDom = this.$echarts.init(this.$refs.chart02);
chartDom.setOption({ ... })
二、DOM上已经初始化了一个图表实例(vue)
在data()定义全局变量
data(){
return{
myChart :null
}
}
在使用插件方法中最前面添加
if (this.myChart != null && this.myChart!= "" && this.myChart!= undefined) {
this.myChart.dispose();
}
然后在实例化
this.myChart = echarts.init(document.getElementById('sjtjt'));