echarts的柱状图在切换显示的时候,全部缩到一起,宽度变成了100问题的解决记录
我遇到的情况是,首先隐藏图表,然后点击展示图表的时候,柱状图全缩到一起了。
经过不懈努力,终于查到了是因为没获取到容器宽度的原因
原代码(错误)是这样的:
initTu(); //初始化图表数据 $('.zhuti').show(); //展示图表
后来发现,先初始化数据,再让容器显示会获取不到容器高度,把这两行代码反过来就可以了,先显示容器,再初始化进去数据
$('.zhuti').show(); //展示容器 initTu(); //初始化图表数据
总结:先准备好容器,再初始化数据