隐藏标签中的echarts图初始大小无法自适应容器的问题解决

时间:2024-04-05 16:12:24

上一篇文章提到了在页面切换后改变窗口大小,echarts图无法显示,只有再次改变窗口大小才能正常显示问题的解决。
这里再说一下,在echarts数据加载完成前(比如通过某个按钮触发加载,或者进入页面时加载)包含echarts容器的标签我们是希望其隐藏的数据加载完成后再让其进行展示
css的实现:动态绑定容器标签的style或者class,数据加载成功后改变相应的样式。
问题:数据加载完后echarts图只占了容器的以小部分,再次改变窗口大小后才能正常适应容器大小。
解决:再setOption后调用echarts的resize方法,但是还是没有效果。
真正解决
可以在setOption后把resize放入一个定时器(setTimeout)里,问题就解决了
隐藏标签中的echarts图初始大小无法自适应容器的问题解决