FLASH+XML柱形图(amCharts为基础拓展)
FLASH+XML柱形图(amCharts为基础拓展)
已经半年了,还是不太适应国内的软件行业的大环境,这里面有一个我们看不到的已经固化了的系统,只能慢慢的去感觉他了。最近发现一个问题,客户极为关注报表生成的功能。这与我一直以来追求系统的稳定性,高可用,安全性原则稍有背离,用户们说大体功能好不好,BUG多不多都不是事,慢慢来没有问题。不过一定要有我们可以用的报表功能!
的确,报表统计一直是不变的话题,无论你的系统多人性化,多高可用,多稳定,有多牛,如果报表不行,可以说还是失败的。因为,系统用户的领导不可能像实际用户一样天天趴在电脑前他们需要的是一个直观能够反映问题的东西,而且在中国这一点非常的突出!
网上找了很多的资料后,将他们分类比较,最后发现对于二维度报表统计项目较多,每个项目独立的时候,采用柱形图应该是首选。
有JS直接画的,有CSS直接画的,还有就是利用FLASH的。最后我选择了FLASH的这种方式,好处我就不说了大家都明白,不好的地方就是1,浏览器的支持问题。2,灵活度不高的问题。3,页面不直观的问题。针对这些问题,我寻找了一种解决办法,就是拓展amCharts的办法。我没有找到amCharts所有属性的相关中日文的文档,英语不好就没看英文的。下面我介绍一下我拓展的利用FLASH与XML(数据源)行程的柱形统计报表吧。欢迎拍砖!!
这是没有优化过的效果图,从官网可以直接下载的
下面的这幅图是我经过优化后的效果图,请各位同学看看图的效果吧,不喜欢的同学就可以绕道划过。
这个图标好处在于,颜色是自动分配,横坐标项目较多可以容纳下,还有就是拓展性很浅很强!
这个报表需要以下几个文件:
JS:amcharts.js,amfallback.js,raphael.js,swfobject.js(FLASH嵌套函数)
XML:data.xml(数据源),settings.xml(图形表示配置XML)
HTML:index.html(展示用)
现将代码打包上传,其中settings.xml我做了详细的注释,虽为原创,欢迎转载,无偿使用与提供技术支持,谢谢各位同学。
上一篇: PS为图片增加矢量马赛克