Flex画柱状统计图.docxVIP

Flex画柱状统计图一、介绍 生成统计图的做法有很多，可以是java第三方jar包，也可以是Flex等，而用Flex生成柱状统计图的方案又有两种，一种是直接从数据库里读取数据生柱状图，而另一种是先从数据库里查询出数据，通过一定格式，把他组装后放在xml文件中（这种方案适用于数据不经常变动）。下面介绍画柱状图的做法是采用第二种。二、效果图 先看效果图，如下：三、如何实现画柱状统计图需要准备三个必备的文件：1、数据文件(上面提到，组装成一定格式的.xml文件)、2、Flex类(这个类相当于一个控件，调用即好)、3、显示柱状图的jsp文件1）下面介绍组装数据文件的规则，（以上面图形为例，看下它的数据文件）：chartcaption=各地小额贷款公司家数subcaption=单位：家数xAxisName=地区yAxisName=家数logoURL=icinfo.jpglogoPosition=CCrotateYAxisName=22showExportDataMenuItem=22outCnvBaseFont=ArialoutCnvBaseFontSize=15outCnvBaseFontColor=333333setlabel=杭州value=0/setlabel=宁波value=16/setlabel=温州value=13/setlabel=嘉兴value=11/setlabel=湖州value=7/setlabel=绍兴value=6/setlabel=金华value=12/setlabel=衢州value=2/setlabel=舟山value=4/setlabel=台州value=15/setlabel=丽水value=7//chart数据文件的格式很简单，可以参考一下上面的图形就知道了，这个数据文件大致分为两个部份，数据图型描述部份与数据部份。其中绿色字体set为数据部份。Set标签属性label为x坐标数据，value属性为y坐标数据2）下面介绍‘显示柱状图的jsp文件’代码，（以上面图形为例，看下它的jsp文件代码写法）：objectclassid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000codebase=/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0width=900height=324id=Column3D paramname=movievalue=../startChart/Column3D.swf/ paramname=FlashVarsvalue=dataURL=../startChart/Data2.xmlchartWidth=900chartHeight=324 paramname=qualityvalue=high/ embedsrc=../startChart/Column3D.swfflashVars=dataURL=../startChart/Data2.xmlchartWidth=900chartHeight=324quality=highwidth=900height=324name=Column3Dtype=application/x-shockwave-flashpluginspage=/go/getflashplayer/ /objectJSP文件中需要指定Flex类文件地址及数据库文件地址1) 上面../startChart/Column3D.swf/这里是指定Flex文件地址2) 上面dataURL=../startChart/Data2.xml这里是指定数据文件地址，后面chartWidth=900chartHeight=324是指定图形的高与宽