关于FusionCharts图表宽度width的设置问题导致图表显示异常的解决办法
题设:
经常使用FusionCharts图表的朋友可能会遇到这个问题.就是在FusionCharts显示的时候有时候会显示出不完整的图表,现象是只显示标题,但是标题不居中,同时看不见图表,或者是只显示Y轴,而X轴的数据全部都重叠在Y轴上,完全无法看清.查看FLASH加载完成,并且FLASH右键菜单弹出正常.这个时候,如果页面刷新几下就正常了.或者页面前进,后退一下也会正常.如下图所示:
分析:
刚开始的时候以为是因为网络慢,下载FLASH不实时,导致脚本展现无法同步造成的.后来,发现是有的机子会出现这种情况,有的机子一直显示正常.不论浏览器类型.
最终,发现这个和FusionCharts构造Object时设置的宽度有关,如果设置宽度100%的情况下,如果有多个div层,或者EXTJS等和层相关的复杂脚本混合,就会出现这种情况.
如果,修改宽度为指定数值而不是用百分比,一切显示正常.
以下是供参考的出问题的可能选项:
1.画图表的div放在了表格里。
2.画图表的方法是直接写在页里，顺序执行的。
3.引用js画图表时没有加宽度。
解决:
虽然文档上写设置图表的自适应宽度为百分比是OK的,但是显然在某些未知原因下,依然是不起作用的.
最直接的方式就是,修改宽度为数值类型(px)单位,如果一定要设置为百分比,可以尝试把生成图表的js写成一个方法,在onload里执行。
