echarts Cannot read properties of undefined (reading 'mergeOption')
时间: 2023-11-23 11:55:08 浏览: 97
问题可能是因为在使用echarts时,没有正确地清空和销毁图表实例导致的。可以尝试在每次使用后将图表实例指向空并清空,例如:
```javascript
let chartDom = document.getElementById("chartLine");
let myChart = echarts.init(chartDom);
.......
myChart.clear(); // 清空
myChart.setOption(option);
myChart = null; // 销毁
```
另外,如果在使用`setOption`方法时出现问题,可以尝试将`myChart`实例销毁并重新创建一个新的实例,再进行`setOption`操作。例如:
```javascript
let chartDom = document.getElementById("chartdetailbar");
let myChart = echarts.init(chartDom);
let option;
option = {......}
let drilldownData= [......]
myChart.on("click", function (event) {
if (event.data) {
var subData = drilldownData.find(function (data) {
return data.dataGroupId === event.data.groupId;
});
if (!subData) {
return;
}
myChart.dispose(); // 销毁
myChart = echarts.init(chartDom); // 重新创建
myChart.setOption({
xAxis: {
data: subData.data.map(function (item) {
return item[0];
}),
},
series: {
type: "bar",
id: "sales",
dataGroupId: subData.dataGroupId,
data: subData.data.map(function (item) {
return item[1];
}),
universalTransition: {
enabled: true,
divideShape: "clone",
},
},
});
}
});
myChart.setOption(option);```
阅读全文