echarts的柱状图在切换显示的时候,全部缩到一起,宽度变成了100问题的解决记录

我遇到的情况是,首先隐藏图表,然后点击展示图表的时候,柱状图全缩到一起了。

经过不懈努力,终于查到了是因为没获取到容器宽度的原因

原代码(错误)是这样的:

initTu();        //初始化图表数据

$('.zhuti').show();         //展示图表

后来发现,先初始化数据,再让容器显示会获取不到容器高度,把这两行代码反过来就可以了,先显示容器,再初始化进去数据

$('.zhuti').show();         //展示容器

initTu();                        //初始化图表数据

总结:先准备好容器,再初始化数据

原文地址:https://www.cnblogs.com/PHP0222wangdong/p/13175685.html