图形统计工具amCharts体验

    amCharts是一款报表图形统计插件,官方网址为:http://www.amcharts.com,统计出的图是动态展现出来的,相比JFREECHART等图形统计生成的图片要好看多了,使用起来很简单,首先从官网下载该图形统计工具,里面包含了很多例子.
    该工具主要是使用到了一个FLASH控件,当然这个不需要我们去改动,在应用过程中直接使用就可以了,核心的地方是:
 
    要使用的页面包含:
   

< script type = " text/javascript "  src = " ../lib/amcharts/ampie/ampie/swfobject.js " ></ script >


   然后在页面中:

 


var  swfobjectPath  =   " /amcolumn.swf " ;
var  so  =   new  SWFObject(swfobjectPath,  " column " " 800 " " 380 " " 8 " " #FFFFFF " );
so.addParam(
" wmode " " transparent " );
so.addVariable(
" path " , escape('/lib/amcharts/amcolumn/amcolumn/'));
so.addVariable(
" chart_id " , 'column');
so.addVariable(
" settings_file " , '/charts/kpcm/amcolumn_dtsx_settings.xml'); //图形配置文件,改变图形的类型,颜色,等等.
so.addVariable(
" data_file " , chartConf.dataFile()); //图形要显示的数据文件,目前支持XML和CSV格式的文件.
so.addVariable(
" preloader_color " " #999999 " );


 
       主要的我们只要整理好要显示的数据,就可以了,数据的格式目前支持XML和CSV格式的,数据可以静态提供好,当然也可以和服务器交付,动态生成,我们可以在JAVA类文件中根据相应统计条件,生成所需的数据,然后通过response.getWriter().write('数据');输出到页面即可.如果结合EXT等框架,使用起来更方便,界面也更统一,漂亮.

     具体的详细使用方法可以参照例子中的方法,很简单,也很全面,且官方有在线文档,可以查阅.


PS:这款工具是收费的,不过免费提供了一些简单的类型统计图形,如常用的柱形,折线图形,饼图等,如果需要用一些复杂的统计图形,则就要自已够买了,不过本人觉得这对于我们一些简单的图形统计已经够用了.

xml <!-- [xml] (xml / csv) 数据类型xml/csv--> ; <!-- 如果使用csv作为数据的话,需要使用这个属性;表示文件数据分隔符,(平常以";"和","为主) [;] (string) csv file data separator (you need it only if you are using csv file for your data) --> 1 <!-- 如果使用的是csv数据,可以设置跳过几行再显示数据,默认为0表示csv中的数据全部显示,大于n(n>0);表示前面n行都不显示[0] (Number) if you are using csv data type, you can set the number of rows which should be skipped here --> <!-- 设置系统中的字体[Arial] (font name) use device fonts, such as Arial, Times New Roman, Tahoma, Verdana... --> <!-- 设置所有文本的大小,默认为11,具体的文本的字体大小也可以在下面的设置中设置[11] (Number) text size of all texts. Every text size can be set individually in the settings below --> <!-- 同上[#000000] (hex color code) main text color. Every text color can be set individually in the settings below--> . <!-- 小数分隔符,默认为[,]注:该属性只是用来显示,而在csv数据文件中,必须使用[.] (string) decimal separator. Note, that this is for displaying data only. Decimals in data xml file must be separated with a dot --> <!-- 千位分隔符,默认为空[ ] (string) thousand separator. use "none" if you don't want to separate --> 3 <!-- 如果百分数格式的数字,后面的小数位小于该属性的值,则在小数后面加0补充。如54.2%,该属性设置为3,那么显示的效果为54.200%。[] (Number) if your value has less digits after decimal then is set here, zeroes will be added --> <!--设置科学记数法的最小值 [0.000001] If absolute value of your number is equal or less then scientific_min, this number will be form
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值