vue.js javascript 一个Vue页面中多次复用同一个echarts组件echarts.js?f2a6:2278 There is a chart instance already initialized on the do

问题：今天封装了一个echarts组件，想要在一个也页面中调用多次

但是问题却发生了，只会渲染一次 错误：echarts.js?f2a6:2278 There is a chart instance already initialized on the dom. 当封装为组件使用的时候，类名是一样的，同一个页面多次出现相同类名，只能显示一个。 当为id不能显示，因为id不能重复。 所以不能用这种方法来获取

var progress = echarts.init(document.querySelector(".progress"));

progress.setOption(this.option);

解决方案：

var myChart = echarts.init(this.$refs.echarts);

this.$nextTick(() => {

myChart.resize();

});

// 使用刚指定的配置项和数据显示图表。

myChart.setOption(this.option);

相关链接

 您阅读本篇文章共花了：