echarts 图不显示(警告:Dom has no width or height)

场景还原:
一个态势页面,有五个部分组成,这五个部分分别是单独的HTML文件,通过母页中的JS动态加载这五个部分的HTML文件到母页中。通用的CSS和JS都在母页中,echars 的展示都在子页中,设置延迟100ms加载echart图形。问题:打开母页页面,echarts 不显示,但偶尔又能显示出来,不显示的时候会有警告 Dom has no width or height。

解决方案:
加载echart的延迟时间设置为1分钟就可以正常显示了。 

原理:
 debug 发现,当报错 Dom has no width or height 时,页面样式还没有完全被渲染,这就导致显示echarts的位置高度为0,从而发生警告,不能正常显示echarts。

寄语:
设置延迟时间的解决办法不够好,此处是为了更好的诠释问题,希望大神给更好的解决建议。 
————————————————
版权声明:本文为CSDN博主「兮兮同学」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/Bana_/article/details/91564326

猜你喜欢

转载自blog.csdn.net/lyn1772671980/article/details/115957238
今日推荐