> 文档中心 > echarts 自适应屏幕高度

echarts 自适应屏幕高度

如果只有一个echarts表,那么可以在

myChart.setOption(option);

后面添加代码段

setTimeout(function (){window.onresize = function () {myChart.resize();}},200)

如果有多个echarts表,在每个表的

myChart.setOption(option);

后面添加代码

window.addEventListener("resize",function (){  myChart.resize();});

要特别注意一点,如果想要他生效,echarts所在的盒子的宽度得设置百分比(比如width:100%),外层盒子的宽高也要设置百分比,这样才能实现自适应。

这里还出现了window.onresize与window.addEventListener(‘resize‘,...)的不同,以及各自的作用,用法,想具体了解的可以去查看这篇文章

https://blog.csdn.net/weixin_44490109/article/details/113973991