jfreechart插件将数据展示成饼状图、柱状图和折线图

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jfreechart插件将数据展示成饼状图、柱状图和折线图，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1302字，纯文字阅读大概需要2分钟。

内容图文

本文以展示柱状图为例进行介绍，当然这仅仅是一种方法而已；还有很多方法可以用于展示图表，例如自定义图表标签、使用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.结果展示如下所示：

以上所述就是本文的全部内容，有需要的小伙伴可以参考下。
            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的jfreechart插件将数据展示成饼状图、柱状图和折线图全部内容，希望文章能够帮你解决jfreechart插件将数据展示成饼状图、柱状图和折线图所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端