vue2+echarts重绘
时间: 2024-01-13 22:04:58 浏览: 151
vue+echarts
以下是使用Vue2和Echarts进行重绘的两种方法:
1. 使用window.onresize事件监听窗口大小变化,并在回调函数中调用Echarts实例的resize方法。
```javascript
window.onresize = () => {
this.myChart.resize();
}
```
2. 如果有多个图表需要重绘,可以使用watch监听状态变化,并在回调函数中循环调用每个图表实例的resize方法。
```javascript
watch: {
'$store.state.isCollapse': {
handler(newVal, oldVal) {
setTimeout(() => {
for (var i = 0; i < charts.length; i++) {
charts[i].resize();
}
}, 500);
},
},
},
```
阅读全文