使用 JFreeChart来创建基于web的图表

  1<clinit>(Win32OffScreenSurfaceData.java:141)   
  2at sun.awt.Win32GraphicsDevice.<clinit>(Win32GraphicsDevice.java:58)   
  3at sun.awt.Win32GraphicsEnvironment.makeScreenDevice(Win32GraphicsEnvironment.java:168)   
  4at sun.java2d.SunGraphicsEnvironment.getScreenDevices(SunGraphicsEnvironment.java:240)   
  5at sun.awt.Win32GraphicsEnvironment.getDefaultScreenDevice(Win32GraphicsEnvironment.java:61)   
  6at java.awt.Window.init(Window.java:224)   
  7at java.awt.Window.<init>(Window.java:268)   
  8at java.awt.Frame.<init>(Frame.java:398)   
  9at javax.swing.JFrame.<init>(JFrame.java:198)   
 10at org.jfree.chart.demo.JFreeChartDemo.<init>(JFreeChartDemo.java:148)   
 11at org.jfree.chart.demo.JFreeChartDemo.main(JFreeChartDemo.java:285)   
 12Exception in thread "main"   
 13  
 14  
 15  
 16  
 17这个错误是由于新版的Swing大量的使用了微软的DirectDraw的技术来提高画图的性能，而可能你的显卡在这时候会跟你闹点情绪或者显卡本身并不支持这样的一个技术。难道就没有办法了嘛？要解决这个问题也非常简单，我们可以屏蔽掉DirectDraw，不让Swing使用该技术就可以了。在运行这些代码时给虚拟机指定参数-Dsun.java2d.noddraw即可。   
 18  
 19这时可能你又该纳闷了，不说是基于Web的图表嘛，怎么又扯到Swing上了？这是因为为了使开发者容易上手，无需配置任何运行环境，所以这些例子都是基于GUI方式的用于展现给开发者如果生成一个图表，我们要学习的也就是如何利用这个引擎生成图表而不是怎么来显示一个图表。当我们把生成的图表对象Export到一个图像文件即可在Web上发布。   
 20  
 21下面我们来介绍JFreeChart中几个核心的对象类：   
 22  
 23类名 类的作用以及简单描述   
 24JFreeChart 图表对象，任何类型的图表的最终表现形式都是在该对象进行一些属性的定制。JFreeChart引擎本身提供了一个工厂类用于创建不同类型的图表对象   
 25XXXXXDataset 数据集对象，用于提供显示图表所用的数据。根据不同类型的图表对应着很多类型的数据集对象类   
 26XXXXXPlot 图表区域对象，基本上这个对象决定着什么样式的图表，创建该对象的时候需要Axis、Renderer以及数据集对象的支持   
 27XXXXXAxis 用于处理图表的两个轴：纵轴和横轴   
 28XXXXXRenderer 负责如何显示一个图表对象   
 29XXXXXURLGenerator 用于生成Web图表中每个项目的鼠标点击链接   
 30XXXXXToolTipGenerator 用于生成图象的帮助提示，不同类型图表对应不同类型的工具提示类   
 31  
 32基本上我认为JFreeChart项目本身的类结构的设计并不是很好，首先在创建图表的时候用到了大量的工厂方法，这样做虽然可以简化创建图表对象的代码，但是对项目本身或者开发人员来讲自行扩展一种新的图表都仍然是一件很麻烦的事情；其次除图表对象本身外其余的类过于复杂，使用者必须去了解每个类型的图表对象应该对应哪些Axis、Plot、Renderer类，并且必须非常熟悉这些类的构造函数中每个参数的具体含义。这些问题都大大困扰很多初学者。不过，虽然存在很多问题，但是JFreeChart本身仍不失为一个非常优秀的图表引擎，况且项目本身也在逐渐的发展中。   
 33  
 34在非常简略的介绍了JFreeChart本身的代码结构后，下面我们开始动手试验几个常用的图表并把他们放到web上。   
 35  
 36三、使用JFreeChart生成各种样式的图表   
 37限于篇幅的问题我们在这里只实现两种常用的图表，其他类型图表读者可以触类旁通。我们先给出柱状图的实现，饼图的实现再来跟柱状图进行比较。   
 38  
 391 柱状图   
 40  
 41  
 42package lius.chart.demo;   
 43  
 44import java.io.*;   
 45  
 46import org.jfree.data.*;   
 47import org.jfree.chart.*;   
 48import org.jfree.chart.plot.*;   
 49/**   
 50* 该类用于演示最简单的柱状图生成   
 51* @author Winter Lau   
 52*/   
 53public class BarChartDemo {   
 54  
 55public static void main(String[] args) throws IOException{   
 56  
 57CategoryDataset dataset = getDataSet2();   
 58JFreeChart chart = ChartFactory.createBarChart3D(   
 59"水果产量图", // 图表标题   
 60"水果", // 目录轴的显示标签   
 61"产量", // 数值轴的显示标签   
 62dataset, // 数据集   
 63PlotOrientation.VERTICAL, // 图表方向：水平、垂直   
 64true, // 是否显示图例(对于简单的柱状图必须是false)   
 65false, // 是否生成工具   
 66false // 是否生成URL链接   
 67);   
 68  
 69FileOutputStream fos_jpg = null;   
 70try {   
 71fos_jpg = new FileOutputStream("D:\\\fruit.jpg");   
 72ChartUtilities.writeChartAsJPEG(fos_jpg,100,chart,400,300,null);   
 73} finally {   
 74try {   
 75fos_jpg.close();   
 76} catch (Exception e) {}   
 77}   
 78}   
 79/**   
 80* 获取一个演示用的简单数据集对象   
 81* @return   
 82*/   
 83private static CategoryDataset getDataSet() {   
 84DefaultCategoryDataset dataset = new DefaultCategoryDataset();   
 85dataset.addValue(100, null, "苹果");   
 86dataset.addValue(200, null, "梨子");   
 87dataset.addValue(300, null, "葡萄");   
 88dataset.addValue(400, null, "香蕉");   
 89dataset.addValue(500, null, "荔枝");   
 90return dataset;   
 91}   
 92/**   
 93* 获取一个演示用的组合数据集对象   
 94* @return   
 95*/   
 96private static CategoryDataset getDataSet2() {   
 97DefaultCategoryDataset dataset = new DefaultCategoryDataset();   
 98dataset.addValue(100, "北京", "苹果");   
 99dataset.addValue(100, "上海", "苹果");   
100dataset.addValue(100, "广州", "苹果");   
101dataset.addValue(200, "北京", "梨子");   
102dataset.addValue(200, "上海", "梨子");   
103dataset.addValue(200, "广州", "梨子");   
104dataset.addValue(300, "北京", "葡萄");   
105dataset.addValue(300, "上海", "葡萄");   
106dataset.addValue(300, "广州", "葡萄");   
107dataset.addValue(400, "北京", "香蕉");   
108dataset.addValue(400, "上海", "香蕉");   
109dataset.addValue(400, "广州", "香蕉");   
110dataset.addValue(500, "北京", "荔枝");   
111dataset.addValue(500, "上海", "荔枝");   
112dataset.addValue(500, "广州", "荔枝");   
113return dataset;   
114}   
115}   
116  
117  
118  
119  
120程序运行结束后生成的图片文件效果如下图所示：   
121  
122  
123  
124图4   
125  
126如果是使用简单的数据即使用getDataSet方法获取数据集时产生的图片文件如下：   
127  
128  
129图5   
130  
1312 饼图   
132  
133对于饼图而言，数据集的获取用的不是同一个数据集类，另外饼图不支持同一个类别的项目中还有子项目这样的数据。我们只给出创建饼图的代码，至于写图表到一个文件则与柱状图一致，无需重复。   
134  
135  
136package lius.chart.demo;   
137  
138import java.io.*;   
139  
140import org.jfree.data.*;   
141import org.jfree.chart.*;   
142/**   
143* 用于演示饼图的生成   
144* @author Winter Lau   
145*/   
146public class PieChartDemo {   
147  
148public static void main(String[] args) throws IOException{   
149DefaultPieDataset data = getDataSet();   
150JFreeChart chart = ChartFactory.createPie3DChart("水果产量图", // 图表标题   
151data,   
152true, // 是否显示图例   
153false,   
154false   
155);   
156//写图表对象到文件，参照柱状图生成源码   
157}   
158/**   
159* 获取一个演示用的简单数据集对象   
160* @return   
161*/   
162private static DefaultPieDataset getDataSet() {   
163DefaultPieDataset dataset = new DefaultPieDataset();   
164dataset.setValue("苹果",100);   
165dataset.setValue("梨子",200);   
166dataset.setValue("葡萄",300);   
167dataset.setValue("香蕉",400);   
168dataset.setValue("荔枝",500);   
169return dataset;   
170}   
171}   
172  
173  
174  
175  
176生成的饼图文件效果如下：   
177  
178  
179  
180图6   
181  
182四、将生成的图表移到浏览器上   
183为了将生成的图表直接传给客户端浏览器，只需要将前面两个例子中的文件流换成是通过HttpServletResponse对象获取到的输出流，详细代码清单如下：   
184  
185  
186package lius.chart.demo;   
187  
188import java.io.IOException;   
189import javax.servlet.*;   
190import javax.servlet.http.HttpServlet;   
191  
192import org.jfree.data.*;   
193import org.jfree.chart.*;   
194/**   
195* 演示通过servlet直接输出图表   
196* @author Winter Lau   
197*/   
198public class ChartDemoServlet extends HttpServlet {   
199  
200public void service(ServletRequest req, ServletResponse res)   
201throws ServletException, IOException   
202{   
203res.setContentType("image/jpeg");   
204DefaultPieDataset data = getDataSet();   
205JFreeChart chart = ChartFactory.createPie3DChart("水果产量图",   
206data,   
207true,   
208false,   
209false   
210);   
211  
212ChartUtilities.writeChartAsJPEG(res.getOutputStream(),   
213100,chart,400,300,null);   
214}   
215/**   
216* 获取一个演示用的简单数据集对象   
217* @return   
218*/   
219private static DefaultPieDataset getDataSet() {   
220DefaultPieDataset dataset = new DefaultPieDataset();   
221dataset.setValue("苹果",100);   
222dataset.setValue("梨子",200);   
223dataset.setValue("葡萄",300);   
224dataset.setValue("香蕉",400);   
225dataset.setValue("荔枝",500);   
226return dataset;   
227}   
228}   
229  
230  
231  
232  
233高级主题   
234很多情况我们不仅仅要求可以在浏览器上显示一个图表，我们更需要客户可以直接在图表上做一下交互的操作，例如获取信息提示，点击图表某个部分进行更详细信息的展示等等。例如前面生成的简单柱状图，用户需要在看到柱状图后点击某种水果例如是苹果即可看到各个地区苹果产量的情况。为此就要求该图形具有交互操作的功能。在HTML中为了让一个图像具有可交互的功能就必须给该图像定义一个Map对象。下表节选一段具有该功能的HTML代码   
235  
236  
237<map name="chartMap">
238<area coords="81,15,126,254" href="?series=0&amp;category=100" onclick="javascript:clickChart(´100´);return false;" shape="RECT" title="100 = 7,048"/>
239<area coords="143,27,188,255" href="?series=0&amp;category=200" onclick="javascript: clickChart (´200´);return false;" shape="RECT" title="200 = 6,721"/>
240<area coords="205,54,250,255" href="?series=0&amp;category=300" onclick="javascript: clickChart (´300´);return false;" shape="RECT" title="300 = 5,929"/>
241<area coords="267,85,312,255" href="?series=0&amp;category=400" onclick="javascript: clickChart (´400´);return false;" shape="RECT" title="400 = 5,005"/>
242<area coords="329,17,374,255" href="?series=0&amp;category=Diet" onclick="javascript:   
243clickChart (´Diet´);return false;" shape="RECT" title="Diet = 7,017"/>
244</map>   
245  
246  
247  
248  
249由此就产生了一个问题：如果根据一个图像来生成对应的MAP对象。我们回头看看刚才的代码，在创建一个图表对象时候有两个参数，我们举柱状图的例子来讲这两个参数就是ChartFactory. createBarChart3D方法中的最后两个参数，这两个参数的类型都是布尔值。这两个参数意思分别是：是否创建工具提示(tooltip)以及是否生成URL。这两个参数分别对应着MAP中一个AREA的title属性以及href属性。   
250  
251可是我想知道的是怎么来产生这个MAP啊！哈哈，不要着急，JFreeChart已经帮我们做好生成MAP对象的功能。为了生成MAP对象就要引入另外一个对象：ChartRenderingInfo。因为JFreeChart没有直接的方法利用一个图表对象直接生成MAP数据，它需要一个中间对象来过渡，这个对象就是ChartRenderingInfo。下图是生成MAP数据的流程图：   
252  
253  
254  
255图7   
256  
257如上图所示，ChartUtilities类是整个流程的核心，它周围的对象都是一些例如数据对象或者是文件等。这个流程简单描述如下：首先创建一个ChartRenderingInfo对象并在调用ChartUtilities的writeChartAsJPEG时作为最后一个参数传递进去。调用该方法结束后将产生一个图像文件以及一个填充好MAP数据的ChartRenderingInfo对象，有了这个对象我们还是没有办法获取具体的MAP数据，我们还必须借助于ChartUtilities的writeImageMap方法来将ChartRenderingInfo对象读取出来，获取MAP数据的代码片断如下：   
258  
259  
260PrintWriter w = null;   
261FileOutputStream fos_jpg = null;   
262FileOutputStream fos_cri = null;   
263try{   
264//根据不同类型的图表使用不同类，以下是针对饼图的操作   
265PiePlot plot = (PiePlot) chart.getPlot();   
266plot.setURLGenerator(new StandardPieURLGenerator(url));   
267//设置工具提示   
268plot.setToolTipGenerator(new StandardPieToolTipGenerator());   
269fos_jpg = new FileOutputStream(“d:\\\fruit.jpg”);   
270ChartUtilities.writeChartAsJPEG(   
271fos_jpg,   
272100,   
273chart,   
274400,   
275300,   
276info);   
277fos_cri = new FileOutputStream(__d:\\\fruit.map__);   
278w = new PrintWriter(fos_cri);   
279ChartUtilities.writeImageMap(w, __mapname__, info);   
280w.flush();   
281}finally{   
282try{   
283w.close();   
284}catch(Exception e){}   
285try{   
286fos_cri.close();   
287}catch(Exception e){}   
288try{   
289fos_jpg.close();   
290}catch(Exception e){}   
291}   
292  
293  
294  
295  
296打开文件D:\fruit.map，文件的内容就是要写到页面上的MAP数据。把生成的图像文件以及MAP数据文件写到页面上即可完成热点图表的功能。至于怎么结合两者之间的关系例如图像的useMap属性值必须与MAP对象的名称结合起来，必须根据实际的应用情况进行相应的处理。笔者建议把二者通过标签库封装起来，图像文件的名称以及MAP对象的名称由标签库统一进行控制，这样可以保证二者的一致性。</init></init></init></init></clinit></clinit>