关于改变屏幕尺寸,echarts图表不会自适应的问题
在项目中我们会遇到echarts不会根据屏幕大小自适应宽度,我们只需要监听窗口页面变化,然后去执行图表初始化的函数就行了,具体方法如下:
在mounted里面增加事件监听器:
methods: {
windResize() {
//在这里调用初始化图表的方法
this.echarts()
},
},
mounted() {
window.addEventListener("resize", this.windResize);
},
在页面卸载的时候去除掉监听器:
destroyed() {
window.removeEventListener("resize", this.windResize);
},

浙公网安备 33010602011771号