jfreechart插件將數(shù)據(jù)展示成餅狀圖、柱狀圖和折線圖
本文以展示柱狀圖為例進(jìn)行介紹,當(dāng)然這僅僅是一種方法而已;還有很多方法可以用于展示圖表,例如自定義圖表標(biāo)簽、使用jfreechart插件等;
1、導(dǎo)入js文件,包含了很多展示方法:
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="各承運(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頁面中只需寫入:
<div style="margin-top:3px;margin-left:3px;"><span id="chartDiv2" style="width:100%;"></span></div>
5.結(jié)果展示如下所示:
以上所述就是本文的全部內(nèi)容,有需要的小伙伴可以參考下。
相關(guān)文章
html+javascript實(shí)現(xiàn)可拖動可提交的彈出層對話框效果
本文為大家介紹下使用html+javascript實(shí)現(xiàn)可拖動彈出層、對話框、可提交,具體代碼如下,感興趣的朋友可以參考下,希望對大家有所幫助2013-08-08js實(shí)現(xiàn)手機(jī)發(fā)送驗(yàn)證碼功能
本文主要介紹了js實(shí)現(xiàn)手機(jī)發(fā)送驗(yàn)證碼功能的示例。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03基于javascript實(shí)現(xiàn)的購物商城商品倒計時實(shí)例
本文主要介紹了基于javascript實(shí)現(xiàn)的購物商城商品倒計時實(shí)例,代碼詳細(xì),可直接復(fù)制試試看效果。需要的朋友可以參考借鑒2016-12-12Boostrap模態(tài)窗口的學(xué)習(xí)小結(jié)
Bootstrap Modals(模態(tài)框)是使用定制的 Jquery 插件創(chuàng)建的。它可以用來創(chuàng)建模態(tài)窗口豐富用戶體驗(yàn),或者為用戶添加實(shí)用功能。您可以在 Modals(模態(tài)框)中使用 Popover(彈出框)和 Tooltip(工具提示插件)2016-03-03JS根據(jù)瀏覽器窗口大小實(shí)時動態(tài)改變網(wǎng)頁文字大小的方法
這篇文章主要介紹了JS根據(jù)瀏覽器窗口大小實(shí)時動態(tài)改變網(wǎng)頁文字大小的方法,涉及JavaScript針對頁面寬高的動態(tài)獲取與元素樣式動態(tài)運(yùn)算的相關(guān)技巧,需要的朋友可以參考下2016-02-02如何用uni-app實(shí)現(xiàn)頂部導(dǎo)航欄顯示按鈕和搜索框
本文介紹了如何用uni-app實(shí)現(xiàn)頂部導(dǎo)航欄顯示按鈕和搜索框,感興趣的同學(xué),可以參考下,并且試驗(yàn)一下。2021-06-06JS實(shí)現(xiàn)title標(biāo)題欄文字不間斷滾動顯示效果
這篇文章主要介紹了JS實(shí)現(xiàn)title標(biāo)題欄文字不間斷滾動顯示效果,通過javascript時間函數(shù)定時操作動態(tài)修改頁面元素實(shí)現(xiàn)滾動效果,需要的朋友可以參考下2016-09-09JS實(shí)現(xiàn)的走迷宮小游戲完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)的走迷宮小游戲,涉及javascript鍵盤事件響應(yīng)及頁面元素動態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2017-07-07js下通過getList函數(shù)實(shí)現(xiàn)分頁效果的代碼
js下通過getList函數(shù)實(shí)現(xiàn)分頁效果的代碼,需要通過js分頁的朋友可以參考下。2010-09-09Javascript實(shí)現(xiàn)簡單二級下拉菜單實(shí)例
這篇文章主要介紹Javascript實(shí)現(xiàn)二級下拉菜單的具體過程,需要的朋友可以參考下2014-06-06