this.mychart = echarts.init(图表里的元素)
//methods定义一个方法
方法名字 xx(){
//echarts的实例提供了resize(),可以在浏览器中宽度改变的时候做出自己适应
this.mychart.resize();
}
//mounted中;
window.addEventListener("resize",this.xx)
//beforeDestroy中
window.addEventListener("resize",this.xx)
vue中echarts图表自适应
于 2023-04-10 16:52:56 首次发布
该文章介绍如何在Vue组件中使用Echarts库初始化图表,并定义一个方法来处理窗口大小变化时的图表自适应。在`mounted`阶段,添加了窗口的resize监听器调用`mychart.resize()`方法,而在`beforeDestroy`时同样移除了监听器以保持良好实践。
摘要由CSDN通过智能技术生成