jfreechart插件將數(shù)據(jù)展示成餅狀圖、柱狀圖和折線圖
更新時間：2015年04月13日 11:58:25 投稿：hebedich
閑暇之余，學習了一下jfreechart圖表生成，結(jié)合大蝦們的著作，小弟進行了系統(tǒng)的總結(jié)，真是獲益匪淺，這里推薦給小伙伴們，有需要的朋友可以參考下。
本文以展示柱狀圖為例進行介紹，當然這僅僅是一種方法而已；還有很多方法可以用于展示圖表，例如自定義圖表標簽、使用jfreechart插件等；
1、導入js文件，包含了很多展示方法：
復制代碼 代碼如下:
<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、從后臺獲取數(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="各承運單位車輛銷運比圖 ";
chartObj.showValues='0';
chartObj.showLabels='1';
chartObj.sNumberSuffix='%25';
xmlString = chartObj.createDualYMSColumnXmlByValues(names,values,"","銷運比=卷煙銷量%車輛運力；","");
var chart = new FusionCharts("Charts/MSColumn3DLineDY.swf", "ChartId2", "1000", "230", "0", "0");
chart.setDataXML(xmlString);
chart.render("chartDiv2");
}
4、在jsp頁面中只需寫入：
復制代碼 代碼如下:
<div style="margin-top:3px;margin-left:3px;"><span id="chartDiv2" style="width:100%;"></span></div>
5.結(jié)果展示如下所示：
以上所述就是本文的全部內(nèi)容，有需要的小伙伴可以參考下。
相關(guān)文章
html+javascript實現(xiàn)可拖動可提交的彈出層對話框效果
本文為大家介紹下使用html+javascript實現(xiàn)可拖動彈出層、對話框、可提交，具體代碼如下，感興趣的朋友可以參考下，希望對大家有所幫助2013-08-08
本文主要介紹了js實現(xiàn)手機發(fā)送驗證碼功能的示例。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
基于javascript實現(xiàn)的購物商城商品倒計時實例
本文主要介紹了基于javascript實現(xiàn)的購物商城商品倒計時實例，代碼詳細，可直接復制試試看效果。需要的朋友可以參考借鑒2016-12-12
Bootstrap Modals（模態(tài)框）是使用定制的 Jquery 插件創(chuàng)建的。它可以用來創(chuàng)建模態(tài)窗口豐富用戶體驗，或者為用戶添加實用功能。您可以在 Modals（模態(tài)框）中使用 Popover（彈出框）和 Tooltip（工具提示插件）2016-03-03
JS根據(jù)瀏覽器窗口大小實時動態(tài)改變網(wǎng)頁文字大小的方法
這篇文章主要介紹了JS根據(jù)瀏覽器窗口大小實時動態(tài)改變網(wǎng)頁文字大小的方法,涉及JavaScript針對頁面寬高的動態(tài)獲取與元素樣式動態(tài)運算的相關(guān)技巧,需要的朋友可以參考下2016-02-02
如何用uni-app實現(xiàn)頂部導航欄顯示按鈕和搜索框
本文介紹了如何用uni-app實現(xiàn)頂部導航欄顯示按鈕和搜索框，感興趣的同學，可以參考下，并且試驗一下。2021-06-06
這篇文章主要介紹了JS實現(xiàn)title標題欄文字不間斷滾動顯示效果,通過javascript時間函數(shù)定時操作動態(tài)修改頁面元素實現(xiàn)滾動效果,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了JS實現(xiàn)的走迷宮小游戲,涉及javascript鍵盤事件響應及頁面元素動態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2017-07-07
js下通過getList函數(shù)實現(xiàn)分頁效果的代碼
js下通過getList函數(shù)實現(xiàn)分頁效果的代碼，需要通過js分頁的朋友可以參考下。2010-09-09
這篇文章主要介紹Javascript實現(xiàn)二級下拉菜單的具體過程,需要的朋友可以參考下2014-06-06