国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jfreechart插件將數據展示成餅狀圖、柱狀圖和折線圖

2019-11-20 12:42:01
字體:
來源:轉載
供稿:網友

本文以展示柱狀圖為例進行介紹,當然這僅僅是一種方法而已;還有很多方法可以用于展示圖表,例如自定義圖表標簽、使用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、從后臺獲取數據:

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、將數據賦值給圖例:

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.結果展示如下所示:

以上所述就是本文的全部內容,有需要的小伙伴可以參考下。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 勃利县| 含山县| 仁寿县| 阜宁县| 长白| 滦平县| 通化市| 涿州市| 隆林| 萨迦县| 西平县| 大安市| 马山县| 永顺县| 赤城县| 读书| 桐庐县| 水富县| 邵武市| 延津县| 沐川县| 常宁市| 屯昌县| 吴川市| 鹤峰县| 定边县| 清水县| 兴文县| 青州市| 宁河县| 蒙自县| 法库县| 宜川县| 凌源市| 丰顺县| 沅陵县| 绥阳县| 井陉县| 临潭县| 水富县| 肥城市|