[ECharts] There is a chart instance already initialized on the dom.
报错解释:
这个错误表示在同一个DOM元素上已经初始化了一个ECharts图表实例,而你又尝试去在同一个DOM上初始化另一个图表实例。ECharts不允许在同一个DOM上叠加多个实例。
解决方法:
在尝试初始化新的图表实例之前,首先销毁已经存在于该DOM上的实例。可以使用echarts.dispose方法来销毁实例:
if (echarts.getInstanceByDom(domElement)) {
echarts.dispose(domElement);
}
var myChart = echarts.init(domElement);
// 其他初始化代码
确保你的代码逻辑中不会重复初始化同一个DOM元素上的图表实例。
如果你的应用逻辑需要多个图表实例,考虑使用不同的DOM元素或者通过ECharts实例的setOption方法来更新现有实例的配置,而不是重新初始化。
Uncaught ReferenceError: domElement is not defined
this.$refs.echarts1
解决:
this.intervalId = setInterval(() => {
if (echarts.getInstanceByDom(this.$refs.echarts1)) {
echarts.dispose(this.$refs.echarts1);
}
if (echarts.getInstanceByDom(this.$refs.echarts2)) {
echarts.dispose(this.$refs.echarts2);
}
this.loadData();
}, 10000)
this.intervalId = setInterval
beforeDestroy() {
clearInterval(this.intervalId)
}
const myChart1 = echarts.init(this.$refs.echarts1)
const myChart2 = echarts.init(this.$refs.echarts2)
[ECharts] Can't get DOM width or height. Please check dom.clientWidth and dom.clientHeight. They should not be 0.For example, you may need to call this in the callback of window.onload.
标签:DOM,初始化,already,dom,refs,There,echarts,实例,ECharts From: https://www.cnblogs.com/emanlee/p/18328769