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


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

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

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

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

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

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

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

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

 

 

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM