<div class="echarts">
<IEcharts :option="bar" ref="echarts"></IEcharts>
</div>
mounted () {
this.init()
},
methods: {
init () {
const self =
this
setTimeout(() =>
{
window.onresize =
function () {
self.$refs.echarts.resize()
}
}, 20
)
},
handleClick (tab, event) {
console.log()
}
}
需要我们手动去触发echarts中的resize()事件，当监听到浏览器窗口变化时，重新绘制canvas画布
转载于:https://www.cnblogs.com/songdongdong/p/7151119.html
相关资源：完美解决vue 中多个echarts图表自适应的问题
