关于FusionCharts图表宽度width的设置问题导致图表显示异常的解决办法

关于FusionCharts图表宽度width的设置问题导致图表显示异常的解决办法

题设:

经常使用FusionCharts图表的朋友可能会遇到这个问题.就是在FusionCharts显示的时候有时候会显示出不完整的图表,现象是只显示标题,但是标题不居中,同时看不见图表,或者是只显示Y轴,而X轴的数据全部都重叠在Y轴上,完全无法看清.查看FLASH加载完成,并且FLASH右键菜单弹出正常.这个时候,如果页面刷新几下就正常了.或者页面前进,后退一下也会正常.如下图所示:

分析:

刚开始的时候以为是因为网络慢,下载FLASH不实时,导致脚本展现无法同步造成的.后来,发现是有的机子会出现这种情况,有的机子一直显示正常.不论浏览器类型.

最终,发现这个和FusionCharts构造Object时设置的宽度有关,如果设置宽度100%的情况下,如果有多个div层,或者EXTJS等和层相关的复杂脚本混合,就会出现这种情况.

如果,修改宽度为指定数值而不是用百分比,一切显示正常.

以下是供参考的出问题的可能选项:

1.画图表的div放在了表格里。

2.画图表的方法是直接写在页里，顺序执行的。

3.引用js画图表时没有加宽度。

解决:

虽然文档上写设置图表的自适应宽度为百分比是OK的,但是显然在某些未知原因下,依然是不起作用的.

最直接的方式就是,修改宽度为数值类型(px)单位,如果一定要设置为百分比,可以尝试把生成图表的js写成一个方法,在onload里执行。

出处：http://www.cnblogs.com/tigerjacky/archive/2011/05/10/2035314.html