jfreechart插件将数据展示成饼状图、柱状图和折线
在学习了jfreechart图表生成后,我深受启发,并想与热爱学习的小伙伴们分享这一经验。如果你也对图表展示有兴趣,那么下面的内容或许能给你带来一些灵感。
本文主要介绍的是如何使用jfreechart来生成柱状图,但这仅仅是众多图表展示方法中的一种。除此之外,还有许多其他方法,比如自定义图表标签、使用jfreechart插件等。
我们需要导入相关的js文件,这些文件中包含了各种展示方法。代码如下:
```javascript
```
接下来,我们需要从后台获取数据。数据的获取方式可能因你的具体需求和环境而异,但这里给出一个基本的示例:
```javascript
function init(){
var name3="<%=request.getAttribute("aountlist.name")%>";
var value3="<%=request.getAttribute("aountlist.values")%>";
var rate3="<%=request.getAttribute("aountlist.valueshb")%>";
showChart4(name3,rate3);
}
```
获取数据后,我们需要将这些数据赋值给图例。这个过程可以通过以下函数完成:
```javascript
function showChart4(names,values){
var chartObj = new ChartObject();
chartObj.caption="各承运单位车辆销运比图";
chartObj.showValues='0';
chartObj.showLabels='1';
chartObj.sNumberSuffix='%25';
var xmlString = chartObj.createDualYMSColumnXmlByValues(names,values,"","销运比=销量%车辆运力;","");
var chart = new FusionCharts("Charts/MSColumn3DLineDY.swf", "ChartId2", "1000", "230", "0", "0");
chart.setDataXML(xmlString);
chart.render("chartDiv2");
}
```
在jsp页面中,我们只需要写入以下代码:
```html
```
这样,我们就完成了一个基本的柱状图的生成。实际的应用中可能还需要更多的配置和细节处理。但希望这个例子能给你提供一些启发和帮助。如果你对此有兴趣,不妨尝试一下,也许会有意外的收获。以上所述就是本文的全部内容,希望对你有所帮助。如果你有任何问题或需要进一步了解的地方,欢迎随时向我提问。通过理解并尝试使用jfreechart图表生成,你将开启数据可视化的新世界的大门。让我们共同这个充满可能性的领域吧!
编程语言
- jfreechart插件将数据展示成饼状图、柱状图和折线
- php ajax无刷新分页,支持id定位
- vue2.0 资源文件assets和static的区别详解
- JavaScript String 对象常用方法总结
- js中获取键盘按下键值event.keyCode、event.charCode和
- Angular6使用forRoot() 注册单一实例服务问题
- 详解Vuejs2.0 如何利用proxyTable实现跨域请求
- 使用Raygun对Node.js应用进行错误处理的方法
- 浅谈JavaScript的push(),pop(),concat()方法
- jQuery trigger()方法用法介绍
- JS+CSS实现可以凹陷显示选中单元格的方法
- PHP网络操作函数汇总
- Javascript实现图片加载从模糊到清晰显示的方法
- MySQL对于各种锁的概念理解
- 微信小程序返回多级页面的实现方法
- php实现文章置顶功能的方法