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