echarts图表大小自适应

最新推荐文章于 2024-10-15 17:05:48 发布

「已注销」

最新推荐文章于 2024-10-15 17:05:48 发布

阅读量168

点赞数

分类专栏： echarts 文章标签： echarts

本文链接：https://blog.csdn.net/t1179813923/article/details/118405095

版权

echarts 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文介绍了如何正确处理浏览器窗口大小变化时Echarts图表的resize方法调用。传统方法可能只对第一个图表生效，而通过使用addEventListener可以确保所有图表在窗口resize时准确触发resize事件，实现多个Echarts图表的同步更新。

摘要由CSDN通过智能技术生成

监听浏览器窗口改变调用echarts resize()方法即可

// 当页面有单个echarts图表时无问题，当页面有多个echarts图表时此写法仅生效第一个图表
window.onresize = () => {
	my_echarts.resize()
}

// 此写法较为准确
window.addEventListener('resize', () => {
	my_echarts.resize()
}, false)