java图表组件_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 该插件下载地址：

Struts2配置文件如下：

/p>

"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"

"http://struts.apache.org/dtds/struts-2.0.dtd">

method="{1}">

450

450

这里的extends是jfreechart-default,是因为jfreechart-default这个包继承了struts-default.我们可以打开struts2-jfreechart-plugin-2.3.14.2.jar 查看struts-plugin.xml内容如下：

/p>

"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"

"http://struts.apache.org/dtds/struts-2.3.dtd">

150

200

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.

3.2 前端请求后台，后台JFreeChart生成本地图片，响应前端请求，返回图片访问路径达到图表展现的效果。

function get() {

alert("get");

$.get("chart.action", {

type : "line"

}, function(data) {

alert(data);

$("#imgDiv").html("");

}, "text");

}

从上述代码中可以看到页面加载完成后DIV中没有图表，点击事件发出，通过Ajax求，有后台生成好图表图篇返回给前端一个访问地址。

3.3  当上述两种方式在浏览器页面上将图边完全展现的时候，我们查看HTML源代码，前img标签保持原样，后者者和普通的img便签src引用一张服务器端的图片一样。

3.4 下面是两张关于这两种方式下的前端请求后台响应图表的网络状态。

图3.4.1

如图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依然能够提供很多解决方案。

本文出自 “野马红尘” 博客，谢绝转载！