JFreeChart开源图表组件在Java开发中的应用(一)
JFreeChart相关的初次探索就写两篇文章吧,两篇放一起太长,阅读起来不方便。JFreeChart提供了源代码,学习和研究起来容易多了。
关于JFreeChart提供的示例图型如何实现,确实没有可参考的资料,不过Java的反编译工具可以帮助我们查看到具体实现,从而更容易的学习和DIY自己的图表。可以使用工具Java Decompiler或者jad(http://www.cnblogs.com/dkblog/archive/2008/04/07/1980817.html)来帮助我们查看源代码。
下面是JFreeChart在Web开发中的应用:
1.JFreeChart生成图表图片返回路径给前端
2.JFreeChart以流的方式返回给前端
3.JFreeChart在Struts中以chart这种类型返回给前端
JFreeChart结合Struts2生成图表在前端展现流程如下:
1.搭建Web工程,引入Struts2的基本Jar包,JFreeChart的Jar包
2.配置Struts2与JFreeChart的插件struts2-jfreechart-plugin-2.3.14.2.jar 该插件下载地址:
http://www.java2s.com/Code/Jar/s/Downloadstruts2jfreechartplugin216jar.htm
Struts2配置文件如下:
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN" "http://struts.apache.org/dtds/struts-2.0.dtd"> <struts> <package name="jfreechart" extends="jfreechart-default"> <action name="*" class="com.jfreechart.action.ChartAction" method="{1}"> <result name="success" type="chart"> <param name="width">450</param> <param name="height">450</param> </result> </action> <action name="chart" class="com.jfreechart.action.AjaxAction" method="getChart"> </action> </package> </struts>
这里的extends是jfreechart-default,是因为jfreechart-default这个包继承了struts-default.我们可以打开struts2-jfreechart-plugin-2.3.14.2.jar 查看struts-plugin.xml内容如下:
<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache.org/dtds/struts-2.3.dtd"> <struts> <package name="jfreechart-default" extends="struts-default"> <result-types> <result-type name="chart" class="org.apache.struts2.dispatcher.ChartResult"> <param name="height">150</param> <param name="width">200</param> </result-type> </result-types> </package> </struts>
3.生成图表展现在前端页面
3.1.以Struts2插件的Chart类型展现图表,创建Action,并且有一个属性成员JFreeChart对象
public class ChartAction extends ActionSupport { /** * */ private static final long serialVersionUID = 2941035842042089833L; private JFreeChart chart; public String getLineChart() { this.setChart(new JFreeChartService().getLineChart()); return SUCCESS; } public String getPieChart() { this.setChart(new JFreeChartService().getPieChart()); return SUCCESS; } public String getTwoLineChart() { this.setChart(new JFreeChartService().getTwoLineChart()); return SUCCESS; } public JFreeChart getChart() { return chart; } public void setChart(JFreeChart chart) { this.chart = chart; } }
在页面中的img便签的src中直接设置为生成Chart的Action即可。
Action配置参见struts配置文件中的第一个Action.
<div> <img alt="pie" src="getPieChart.action" /> </div> <div> <img alt="twoline" src="getTwoLineChart.action" /> </div> <div> <img alt="line" src="getLineChart.action" /> </div>
3.2 前端请求后台,后台JFreeChart生成本地图片,响应前端请求,返回图片访问路径达到图表展现的效果。
<div id="imgDiv" No Image On Click Show </div> <script type="text/javascript"> function get() { alert("get"); $.get("chart.action", { type : "line" }, function(data) { alert(data); $("#imgDiv").html("<img alt='No Image Show' src='"+'${basePath}/jfreechart'+data+"'/>"); }, "text"); } </script>
从上述代码中可以看到页面加载完成后DIV中没有图表,点击事件发出,通过Ajax求,有后台生成好图表图篇返回给前端一个访问地址。
3.3 当上述两种方式在浏览器页面上将图边完全展现的时候,我们查看HTML源代码,前img标签保持原样,后者者和普通的img便签src引用一张服务器端的图片一样。
3.4 下面是两张关于这两种方式下的前端请求后台响应图表的网络状态。
如图3.4.1:JFreeChart以Struts插件的方式通过chart类型以流的方式展现在页面,其数据接收占用了整个请求响应周期的最大时间。
图3.4.2
图3.4.2:JFreeChart根据请求条件在服务器端生成图片,返回给前端图片的路径。这种方式有个好处是对于同一种请求只生成一次图片,这样就减少了响应时间。
图3.4.1和图3.4.2对比:
由于本地环境,网络条件局等
图3.4.1响应时间和数据接收时间都比图3.4.2对应的时间长
结论:
图3.4.1这种图表渲染方式
优点:不用在产生服务器端文件,服务器端不需要做额外的存储处理
缺点:响应时间长,效率底,并发用户量大的时候,服务器压力大
替代方案:用前端图表组件替代,服务器端只提供数据,渲染工作交由前端。
图3.4.2这中图表渲染方式
优点:相同请求生成一次图表,相应速度快,可以很好的支持多并发
缺点:服务器端要做文件存储管理,占用服务器磁盘空间
总结:
关于JFreeChart在Web应用其实已经空乏其力了,大量的优秀的Web前端组件足以实现JFreeChart提供的图表类型。随着Web前端Javascript的力量十足,HTML5,CSS3 标准的完善,前端图像,图表的展现服务器端要做是提供约定格式的数据。但是JFreeChart在Web应用中还是有一席生存之地,前端渲染往往是动态展现,如果仅仅提供一个静态的图表用来展现,JFreeChart依然能够提供很多解决方案。
本文出自 “野马红尘” 博客,谢绝转载!