jfreechart插件將數(shù)據(jù)展示成餅狀圖、柱狀圖和折線圖
更新時(shí)間：2015年04月13日 11:58:25 投稿：hebedich
閑暇之余，學(xué)習(xí)了一下jfreechart圖表生成，結(jié)合大蝦們的著作，小弟進(jìn)行了系統(tǒng)的總結(jié)，真是獲益匪淺，這里推薦給小伙伴們，有需要的朋友可以參考下。
本文以展示柱狀圖為例進(jìn)行介紹，當(dāng)然這僅僅是一種方法而已；還有很多方法可以用于展示圖表，例如自定義圖表標(biāo)簽、使用jfreechart插件等；
1、導(dǎo)入js文件，包含了很多展示方法：
復(fù)制代碼 代碼如下:
<script type="text/javascript" src=<select:link page="/js/ChartObject.js"/>></script> <script type="text/javascript" src=<select:link page="/js/FusionCharts.js"/>></script>
2、從后臺(tái)獲取數(shù)據(jù)：
function init(){
var name3="<%=request.getAttribute("accountlist.name")%>";
var value3="<%=request.getAttribute("accountlist.values")%>";
var rate3="<%=request.getAttribute("accountlist.valueshb")%>";
showChart4(name3,rate3);
//showChart3(name3,value3,"");
}
3、將數(shù)據(jù)賦值給圖例：
function showChart4(names,values){
var chartObj = new ChartObject();
var xmlString="";
chartObj.caption="各承運(yùn)單位車輛銷運(yùn)比圖 ";
chartObj.showValues='0';
chartObj.showLabels='1';
chartObj.sNumberSuffix='%25';
xmlString = chartObj.createDualYMSColumnXmlByValues(names,values,"","銷運(yùn)比=卷煙銷量%車輛運(yùn)力；","");
var chart = new FusionCharts("Charts/MSColumn3DLineDY.swf", "ChartId2", "1000", "230", "0", "0");
chart.setDataXML(xmlString);
chart.render("chartDiv2");
}
4、在jsp頁(yè)面中只需寫(xiě)入：
復(fù)制代碼 代碼如下:
<div style="margin-top:3px;margin-left:3px;"><span id="chartDiv2" style="width:100%;"></span></div>
5.結(jié)果展示如下所示：
以上所述就是本文的全部?jī)?nèi)容，有需要的小伙伴可以參考下。
相關(guān)文章
讓innerHTML的腳本也可以運(yùn)行起來(lái)
讓innerHTML的腳本也可以運(yùn)行起來(lái)...2006-07-07
ES6如何將?Set?轉(zhuǎn)化為數(shù)組示例詳解
這篇文章主要為大家介紹了ES6如何將?Set?轉(zhuǎn)化為數(shù)組的方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
JavaScript中數(shù)組reduce()方法使用詳情
這篇文章主要介紹了JavaScript中數(shù)組reduce()方法使用詳情，reduce()對(duì)數(shù)組中的每個(gè)元素進(jìn)行累加，返回一個(gè)新的值，可以傳入初始值，更多相關(guān)內(nèi)容需要的小伙伴可以參考一下下面文章介紹2022-09-09
HTML+CSS+JavaScript實(shí)現(xiàn)放大鏡效果
這篇文章主要為大家詳細(xì)介紹了HTML+CSS+JavaScript實(shí)現(xiàn)放大鏡效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
微信小程序 實(shí)例開(kāi)發(fā)總結(jié)
這篇文章主要介紹了微信小程序 開(kāi)發(fā)過(guò)程中遇到問(wèn)題總結(jié)的相關(guān)資料,需要的朋友可以參考下2017-04-04
BootStrap+Mybatis框架下實(shí)現(xiàn)表單提交數(shù)據(jù)重復(fù)驗(yàn)證
這篇文章主要介紹了BootStrap+Mybatis框架下實(shí)現(xiàn)表單提交數(shù)據(jù)重復(fù)驗(yàn)證功能,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03
firefox下input type="file"的size是多大
firefox對(duì)type="file" 的input的width定義目前是不支持的，但是FF支持size屬性，可以給size設(shè)置一個(gè)值，來(lái)控制上傳框的大小2011-10-10
關(guān)于textarea的直觀換行的一些研究材料...2006-10-10
javascript刪除數(shù)組元素的七個(gè)方法示例
這篇文章主要給大家介紹了關(guān)于javascript刪除數(shù)組元素的七個(gè)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用javascript具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
微信小程序用戶授權(quán)、位置授權(quán)及獲取微信綁定手機(jī)號(hào)
這篇文章主要介紹了信小程序用戶授權(quán)、位置授權(quán)及獲取微信綁定手機(jī)號(hào),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07