页面加载时图表显示异常，刷新后恢复正常，是怎么回事？

样式延迟加载导致图表显示异常

问题:

在加载页面时，图表不能正常显示，刷新后才恢复正常。这是什么原因？

答案:

图表绘制时，CSS 样式文件或数据尚未加载完成，导致容器没有尺寸，只能使用默认最小值进行渲染。刷新时，由于缓存，加载速度很快，因此样式能够及时加载，图表就能正常渲染。

解决方案:

• 指定容器的高度
• 设置合理的预设高度
• 延迟渲染，例如等待 100ms 再绘制图表

以上就是页面加载时图表显示异常，刷新后恢复正常，是怎么回事？的详细内容，更多请关注其它相关文章！