amCharts是一款報(bào)表圖形統(tǒng)計(jì)插件,官方網(wǎng)址為:
http://www.amcharts.com,統(tǒng)計(jì)出的圖是動(dòng)態(tài)展現(xiàn)出來的,相比JFREECHART等圖形統(tǒng)計(jì)生成的圖片要好看多了,使用起來很簡(jiǎn)單,首先從官網(wǎng)下載該圖形統(tǒng)計(jì)工具,里面包含了很多例子.
該工具主要是使用到了一個(gè)FLASH控件,當(dāng)然這個(gè)不需要我們?nèi)ジ膭?dòng),在應(yīng)用過程中直接使用就可以了,核心的地方是:
要使用的頁面包含:
<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()); //圖形要顯示的數(shù)據(jù)文件,目前支持XML和CSV格式的文件.
so.addVariable("preloader_color", "#999999");
主要的我們只要整理好要顯示的數(shù)據(jù),就可以了,數(shù)據(jù)的格式目前支持XML和CSV格式的,數(shù)據(jù)可以靜態(tài)提供好,當(dāng)然也可以和服務(wù)器交付,動(dòng)態(tài)生成,我們可以在JAVA類文件中根據(jù)相應(yīng)統(tǒng)計(jì)條件,生成所需的數(shù)據(jù),然后通過response.
getWriter().write('數(shù)據(jù)');輸出到頁面即可.如果結(jié)合EXT等框架,使用起來更方便,界面也更統(tǒng)一,漂亮.
具體的詳細(xì)使用方法可以參照例子中的方法,很簡(jiǎn)單,也很全面,且官方有在線文檔,可以查閱.
PS:這款工具是收費(fèi)的,不過免費(fèi)提供了一些簡(jiǎn)單的類型統(tǒng)計(jì)圖形,如常用的柱形,折線圖形,餅圖等,如果需要用一些復(fù)雜的統(tǒng)計(jì)圖形,則就要自已夠買了,不過本人覺得這對(duì)于我們一些簡(jiǎn)單的圖形統(tǒng)計(jì)已經(jīng)夠用了.
posted on 2008-12-24 17:04
henry1451 閱讀(6265)
評(píng)論(4) 編輯 收藏