本文介绍在使用 ECharts 时遇到的高度显示问题及解决方案。通过调整父容器的高度，并设置 body 的高度为100%，可以有效解决图表在不同布局下的显示问题。
我把echarts里的样例拷贝到文件里使用，结果发现并不好用。显示效果如下图：
如果只是调整canvas的高，那将会非常怪异：
解决方法：
需要给它的父容器设置高度，可以用百分比。如果容器全使用百分比，那你可能需要一直设置到这里：
<body style="height: 100%">
如果你在父容器设置了绝对高度，那么就无需设那么多。
最后效果：
echarts的图表大小自适应问题
最新推荐文章于 2025-06-07 12:29:59 发布
扫一扫
1241
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
