jfreechart插件将数据展示成饼状图、柱状图和折线图
更新时间：2015年04月13日 11:58:25 投稿：hebedich
闲暇之余，学习了一下jfreechart图表生成，结合大虾们的著作，小弟进行了系统的总结，真是获益匪浅，这里推荐给小伙伴们，有需要的朋友可以参考下。
本文以展示柱状图为例进行介绍，当然这仅仅是一种方法而已；还有很多方法可以用于展示图表，例如自定义图表标签、使用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.结果展示如下所示：
以上所述就是本文的全部内容，有需要的小伙伴可以参考下。
相关文章
让innerHTML的脚本也可以运行起来...2006-07-07
这篇文章主要为大家介绍了ES6如何将 Set 转化为数组的方法示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
这篇文章主要介绍了JavaScript中数组reduce()方法使用详情，reduce()对数组中的每个元素进行累加，返回一个新的值，可以传入初始值，更多相关内容需要的小伙伴可以参考一下下面文章介绍2022-09-09
这篇文章主要为大家详细介绍了HTML+CSS+JavaScript实现放大镜效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要介绍了微信小程序 开发过程中遇到问题总结的相关资料,需要的朋友可以参考下2017-04-04
BootStrap+Mybatis框架下实现表单提交数据重复验证
这篇文章主要介绍了BootStrap+Mybatis框架下实现表单提交数据重复验证功能,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-03-03
firefox下input type="file"的size是多大
firefox对type="file" 的input的width定义目前是不支持的，但是FF支持size属性，可以给size设置一个值，来控制上传框的大小2011-10-10
关于textarea的直观换行的一些研究材料...2006-10-10
这篇文章主要给大家介绍了关于javascript删除数组元素的七个方法，文中通过示例代码介绍的非常详细，对大家学习或者使用javascript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-09-09
这篇文章主要介绍了信小程序用户授权、位置授权及获取微信绑定手机号,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-07-07
最新评论