解决Echarts使用tab切换时只显示第一个tab中图表,其他tab中图表显示空白问题
近期项目中使用到Echarts来画图表,两个tab切换页面都有图表显示,页面初次加载完成后对图表进行初始化绘制,然而,开发过程中发现,切换tab后,第二个tab中图表不显示,直接显示空白,如下图:
tab1正常显示:
tab2显示空白:
第一个tab显示图表正常,第二个tab内容显示空白
经过排查,发现是由于tab设置默认第一个tab显示,导致第二个tab绘制图表的div在页面初次加载时,DOM未加载,所以第二个tab显示空白。
对此,我的解决方法是:
1、在tabs标签上添加...
原创
2021-07-07 14:56:51 ·
1933 阅读 ·
1 评论