`
刺花绣
  • 浏览: 25674 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

JFreeChart 详细介绍使用（二）

 
阅读更多
自己最近学习了JfreeChart的使用，觉得这个冬冬的功能非常强大，总结一下。主要介绍JfreeChart生成图片的几种方式

先从网上找点介绍。
一、简介
WW 的发展使得基于因特网的应用程序不再局限于静态或者简单的动态内容提供。传统的一些以软件包形式发布应用程序例如报表系统等都在逐渐搬到因特网上。但是这两者之间有着天壤之别，虽然对于数据获取、业务处理等方面基本类似，但是最大的差别在于用户界面。为了能在web浏览器上显示要求用户界面使用 HTML以及图片的方式来展现数据，而传统的一些利用操作系统本身的控件来开发的用户界面无法适应琳琅满目的客户端，因此在这里也变得无能为力。回到本文的题目上来，为了创建一个可以在web浏览器上查看到图表一般有两种做法：第一种就是使用applet利用java本身对图形的支持来显示一个图表；第二 种就是直接在web服务器端生成好图表图片文件后发送给浏览器。第一种方式显然对于客户端要求太高，随着现在主流浏览器放弃对JAVA的支持后，这种方式 只适合一些局域网的应用，而对于因特网的环境就显得不太适合。因此我们下面将介绍一个JAVA的图表引擎JFreeChart用来产生基于WEB的图表。
JFreeChart 项目简介 JFreeChart是开放源代码站点SourceForge.net上的一个JAVA项目，它主要用来各种各样的图表，这些图表包括：饼图、柱状图(普 通柱状图以及堆栈柱状图)、线图、区域图、分布图、混合图、甘特图以及一些仪表盘等等。这些不同式样的图表基本上可以满足目前的要求。

二、JFreeChart获取。
JFreeChart 是JFreeChart公司在开源网站SourceForge.net上的一个项目，该公司的主要产品有如下：
1.JFreeReport ：报表解决工具
2.JFreeChart:Java 图形解决方案（Application/Applet/Servlet/Jsp）
3.JCommon ：JFreeReport和JFreeChart的公共类库
4.JFreeDesigner ：JFreeReport的报表设计工具
我们可以从jfree官方网站上获取最新版本和相关资料（但是jfree的document需要40美金才能获取），
获取地址：http://www.jfree.org/jfreechart/index.html（同时可以获得简明介绍）
我们以当前最新版本：jfreechart-1.0.1.zip为例子进行说明。

三、JFreeChart配置安装
1 、解压jfreechart-1.0.1.zip.zip到指定位置，其中source是jfreechart的源码，jfreechart-1.0.1-demo.jar 是例子程序，可以先运行一下看看各种效果，就知道他的nb之处了。
2 、为了配置成功，我们需要关注的文件有如下三个：
设置classpath。加入下面三个jar包。
jfreechart-1.0.1.jar 、jcommon-1.0.0.jar、gnujaxp.jar
加上第三个jar包有时web.xml会报错，把它去掉就好了。
至此jfreechart的配置就完成了，下面就可以进行jfreechart的开发了。这里值得提出的是jfreechart的类
结构设计前后兼容性不是很好，不同版本的jfreechart中类库结构可能不一样，有时候可能需要查源码。如果是中文显示的时候可能依据观感需要改变源码的字体。


四、JFreeChart功能介绍
JFreeChart 目前是最好的java图形解决方案，基本能够解决目前的图形方面的需求，主要包括如下几个方面：
pie charts (2D and 3D) ：饼图（平面和立体）
bar charts (regular and stacked, with an optional 3D effect) ：柱状图
line and area charts ：曲线图
scatter plots and bubble charts
time series, high/low/open/close charts and candle stick charts ：时序图
combination charts ：复合图
Pareto charts
Gantt charts ：甘特图
wind plots, meter charts and symbol charts
wafer map charts
( 态图表,饼图(二维和三维) , 柱状图 ( 水平,垂直),线图,点图,时间变化图,甘特图, 股票行情图,混和图, 温度计图, 刻度图等常用商用图表)
图形可以导出成PNG和JPEG格式，同时还可以与PDF和EXCEL关联
JFreeChart 核心类库介绍：
研究jfreechart源码发现源码的主要由两个大的包组成：org.jfree.chart,org.jfree.data。其中前者主要与图形
本身有关，后者与图形显示的数据有关。具体研究如果大家有兴趣的话可以自己研究 。
核心类主要有：
org.jfree.chart.JFreeChart ：图表对象，任何类型的图表的最终表现形式都是在该对象进行一些属性的定制。JFreeChart引擎本身提供了一个工厂类用于创建不同类型的图表对象
org.jfree.data.category.XXXDataSet: 数据集对象，用于提供显示图表所用的数据。根据不同类型的图表对应着很多类型的数据集对象类
org.jfree.chart.plot.XXXPlot ：图表区域对象，基本上这个对象决定着什么样式的图表，创建该对象的时候需要Axis、Renderer以及数据集对象的支持
org.jfree.chart.axis.XXXAxis ：用于处理图表的两个轴：纵轴和横轴
org.jfree.chart.render.XXXRender ：负责如何显示一个图表对象
org.jfree.chart.urls.XXXURLGenerator: 用于生成Web图表中每个项目的鼠标点击链接
XXXXXToolTipGenerator: 用于生成图象的帮助提示，不同类型图表对应不同类型的工具提示类

个人感觉JFreeChart可以满足大部分图片创建的需要，美中不足的是：对字体的设置做的不够好，特别是使用中文的时候字体很不清晰。因为这个原因建议你自己去修改他的源代码，最好使用properties文件去设置字体.还有就是文档要钱所以要多花点时间去看源代码。或多上社区.

五．开始开发
对JfreeChart有了初步了解并做好准备工作之后，开始作例子程序试验。在这里我只介绍饼图的做法，而这张图采用不同的方式进行输出，其他类型的图片可以参考jfreechart提供的例子，做法都差不多。

1） 直接生成图片
Java代码 复制代码
  1. publicclassPieChartPicture{
  2. publicstaticvoidmain(String[]args)
  3. {
  4. PieDatasetdataset=getDataSet();
  5. JFreeChartchart=ChartFactory.createPieChart3D(
  6. "项目进度分布",//charttitle
  7. dataset,//data
  8. true,//includelegend
  9. true,
  10. false
  11. );
  12. PiePlot3Dplot=(PiePlot3D)chart.getPlot();
  13. //图片中显示百分比:默认方式
  14. //plot.setLabelGenerator(newStandardPieSectionLabelGenerator(StandardPieToolTipGenerator.DEFAULT_TOOLTIP_FORMAT));
  15. //图片中显示百分比:自定义方式，{0}表示选项，{1}表示数值，{2}表示所占比例,小数点后两位
  16. plot.setLabelGenerator(newStandardPieSectionLabelGenerator("{0}={1}({2})",NumberFormat.getNumberInstance(),newDecimalFormat("0.00%")));
  17. //图例显示百分比:自定义方式，{0}表示选项，{1}表示数值，{2}表示所占比例
  18. plot.setLegendLabelGenerator(newStandardPieSectionLabelGenerator("{0}={1}({2})"));
  19. //设置背景色为白色
  20. chart.setBackgroundPaint(Color.white);
  21. //指定图片的透明度(0.0-1.0)
  22. plot.setForegroundAlpha(1.0f);
  23. //指定显示的饼图上圆形(false)还椭圆形(true)
  24. plot.setCircular(true);
  25. //设置图标题的字体
  26. Fontfont=newFont("黑体",Font.CENTER_BASELINE,20);
  27. TextTitletitle=newTextTitle("项目状态分布");
  28. title.setFont(font);
  29. chart.setTitle(title);
  30. FileOutputStreamfos_jpg=null;
  31. try{
  32. fos_jpg=newFileOutputStream("D://项目状态分布.jpg");
  33. ChartUtilities.writeChartAsJPEG(fos_jpg,100,chart,640,480,null);
  34. fos_jpg.close();
  35. }catch(Exceptione){
  36. }
  37. }
  38. privatestaticPieDatasetgetDataSet(){
  39. DefaultPieDatasetdataset=newDefaultPieDataset();
  40. dataset.setValue("市场前期",newDouble(10));
  41. dataset.setValue("立项",newDouble(15));
  42. dataset.setValue("计划",newDouble(10));
  43. dataset.setValue("需求与设计",newDouble(10));
  44. dataset.setValue("执行控制",newDouble(35));
  45. dataset.setValue("收尾",newDouble(10));
  46. dataset.setValue("运维",newDouble(10));
  47. returndataset;
  48. }
  49. }


2) 采用servlet和struts的action方式输出
采用这种方式输出，不用生成图片。
A ．servlet输出
Java代码 复制代码
  1. publicclassPieByServletextendsHttpServlet{
  2. publicvoidservice(ServletRequestreq,ServletResponseres)
  3. throwsServletException,IOException
  4. {
  5. res.setContentType("image/jpeg");
  6. PieDatasetdataset=getDataSet();
  7. JFreeChartchart=ChartFactory.createPieChart3D(
  8. "水果饼图",//charttitle
  9. dataset,//data
  10. true,//includelegend
  11. true,
  12. false);
  13. //设置图表属性
  14. //输出图片
  15. ChartUtilities.writeChartAsJPEG(res.getOutputStream(),100,chart,800,600,null);
  16. }

B ．struts的action方式输出
只将这条语句加上try catch即可，并返回null。
Java代码 复制代码
  1. try{
  2. ChartUtilities.writeChartAsJPEG(response.getOutputStream(),100,chart,800,600,null);
  3. }catch(Exceptione){
  4. }
  5. returnnull;


其实采用这两种方式与生成图片的方式改动并不大
加上语句response.setContentType("image/jpeg");
ChartUtilities.writeChartAsJPEG(new FileOutputStream("D:// 项目状态分布.jpg");,100,chart,640,480,null);
文件流改成response的输出流就可以了
hartUtilities.writeChartAsJPEG(response.getOutputStream(),100,chart,800,600,null);

3）jsp＋servlet＋javabean方式
1. Create ChartViewer servlet
Java代码 复制代码
  1. publicclassChartViewerextendsHttpServlet{
  2. publicvoidinit()throwsServletException{
  3. }
  4. //ProcesstheHTTPGetrequest
  5. publicvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{
  6. //getthechartfromsession
  7. HttpSessionsession=request.getSession();
  8. BufferedImagechartImage=(BufferedImage)session.getAttribute("chartImage");
  9. //setthecontenttypesothebrowsercanseethisasapicture
  10. response.setContentType("image/png");
  11. //sendthepicture
  12. PngEncoderencoder=newPngEncoder(chartImage,false,0,9);
  13. response.getOutputStream().write(encoder.pngEncode());
  14. }
  15. //ProcesstheHTTPPostrequest
  16. publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{
  17. doGet(request,response);
  18. }
  19. //ProcesstheHTTPPutrequest
  20. publicvoiddoPut(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{
  21. }
  22. //Cleanupresources
  23. publicvoiddestroy(){}
  24. }


2. Create a servlet map in web.xml
Java代码 复制代码
  1. <?xmlversion="1.0"encoding="UTF-8"?>
  2. <web-app>
  3. <servlet>
  4. <servlet-name>ChartViewer</servlet-name>
  5. <servlet-class>myapp.webwork.servlets.ChartViewer</servlet-class>
  6. </servlet>
  7. <servlet-mapping>
  8. <servlet-name>ChartViewer</servlet-name>
  9. <url-pattern>/servlet/ChartViewer</url-pattern>
  10. </servlet-mapping>
  11. </web-app>


3. Create a chart in a java bean (Pie3DDemo.java)

Java代码 复制代码
  1. publicclassPie3DDemo{
  2. privateDefaultPieDatasetgetDataset(){
  3. //categories...
  4. String[]section=newString[]{"Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"};
  5. //data...
  6. double[]data=newdouble[section.length];
  7. for(inti=0;i<data.length;i++){
  8. data[i]=10+(Math.random()*10);
  9. }
  10. //createthedataset...
  11. DefaultPieDatasetdataset=newDefaultPieDataset();
  12. for(inti=0;i<data.length;i++){
  13. dataset.setValue(section[i],data[i]);
  14. }
  15. returndataset;
  16. }
  17. publicStringgetChartViewer(HttpServletRequestrequest,HttpServletResponseresponse){
  18. DefaultPieDatasetdataset=getDataset();
  19. //createthechart...
  20. JFreeChartchart=ChartFactory.createPie3DChart(
  21. "Pie3DChartDemo",//charttitle
  22. dataset,//data
  23. true,//includelegend
  24. true,
  25. false
  26. );
  27. //setthebackgroundcolorforthechart...
  28. chart.setBackgroundPaint(Color.cyan);
  29. PiePlotplot=(PiePlot)chart.getPlot();
  30. plot.setNoDataMessage("Nodataavailable");
  31. //setdrilldowncapability...
  32. plot.setURLGenerator(newStandardPieURLGenerator("Bar3DDemo.jsp","section"));
  33. plot.setLabelGenerator(null);
  34. //OPTIONALCUSTOMISATIONCOMPLETED.
  35. ChartRenderingInfoinfo=null;
  36. HttpSessionsession=request.getSession();
  37. try{
  38. //CreateRenderingInfoobject
  39. response.setContentType("text/html");
  40. info=newChartRenderingInfo(newStandardEntityCollection());
  41. BufferedImagechartImage=chart.createBufferedImage(640,400,info);
  42. //puttingchartasBufferedImageinsession,
  43. //thusmakingitavailablefortheimagereadingactionAction.
  44. session.setAttribute("chartImage",chartImage);
  45. PrintWriterwriter=newPrintWriter(response.getWriter());
  46. ChartUtilities.writeImageMap(writer,"imageMap",info);
  47. writer.flush();
  48. }catch(Exceptione){}
  50. StringpathInfo="http://";
  51. pathInfo+=request.getServerName();
  52. intport=request.getServerPort();
  53. pathInfo+=":"+String.valueOf(port);
  54. pathInfo+=request.getContextPath();
  55. StringchartViewer=pathInfo+"/servlet/ChartViewer";
  56. returnchartViewer;
  57. }


6. 页面
Java代码 复制代码
  2. <html>
  3. <head>
  4. <title>PieChartDemo</title>
  5. </head>
  6. <jsp:useBeanid="myChart"scope="session"class="myapp.webwork.beans.Pie3DDemo"/>
  7. <body>
  8. <h2>PieChartDemo</h2>
  9. <%StringchartViewer=myChart.getChartViewer(request,response);%>
  10. <imgsrc="<%=chartViewer%>"border=0usemap="#imageMap">
  11. </body>
  12. </html>


4）采用工具类ChartUtil和DisplayChart（jfreechart的servlet）输出
我用了上面的几个方法输出图片，发现页面里只能输出一个图片，
不过下面的方法可以输出多个图片,而且是几种方式中最简单的一个，推荐使用。

这种方式和上面的三种比较类似，是将javabean里的生成图片的方法写的一个工具类ChartUtil里面。

1 ．添加工具类ChartUtil
public class ChartUtil {
// 产生时间序列图，返回图片名称
Java代码 复制代码
  1. publicstaticStringgeneratePieChart(DefaultPieDatasetdataset,Stringtitle,intwidth,intheight,HttpSessionsession,PrintWriterpw){
  3. Stringfilename=null;
  4. try{
  5. if(session!=null)
  6. {
  7. ChartDeleterdeleter=(ChartDeleter)session.getAttribute("JFreeChart_Deleter");
  8. session.removeAttribute("JFreeChart_Deleter");
  9. session.setAttribute("JFreeChart_Deleter",deleter);
  10. }
  11. JFreeChartchart=ChartFactory.createPieChart3D(
  12. title,//charttitle
  13. dataset,//data
  14. true,//includelegend
  15. true,
  16. false);
  17. //Writethechartimagetothetemporarydirectory
  18. ChartRenderingInfoinfo=newChartRenderingInfo(newStandardEntityCollection());
  19. //Ifthelastparameterisnull,thechartisa"onetime"-chartandwillbedeletedafterthefirstserving.
  20. //Ifthelastparameterisasessionobject,thechartremainsuntilsessiontimeout.
  21. filename=ServletUtilities.saveChartAsPNG(chart,width,height,info,session);
  22. //WritetheimagemaptothePrintWriter
  23. ChartUtilities.writeImageMap(pw,filename,info,true);
  24. pw.flush();
  25. }catch(Exceptione){
  26. System.out.println("Exception-"+e.toString());
  27. e.printStackTrace(System.out);
  28. filename="picture_error.png";}
  29. returnfilename;
  30. }
  31. }



2、在action里统计数据，设置好数据集dataset。传到页面

3、 在页面里取出
DefaultPieDataset piedataset=(DefaultPieDataset)request.getAttribute("piedataset");
// 用ChartUtil工具类产生图片
Java代码 复制代码
  1. Stringp=ChartUtil.generatePieChart(piedataset,"项目收支线图",500,300,null,newPrintWriter(out));
  2. Stringp1=request.getContextPath()+"/servlet/DisplayChart?filename="+p;

通过以下方式输出
Java代码 复制代码
  1. <td><imgsrc="<%=p1%>"width=500height=300border=0usemap="#<%=p%>"></td>


4、在web.xml中添加
Java代码 复制代码
  1. <servlet>
  2. <servlet-name>DisplayChart</servlet-name>
  3. <servlet-class>org.jfree.chart.servlet.DisplayChart</servlet-class>
  4. </servlet>
  5. <servlet-mapping>
  6. <servlet-name>DisplayChart</servlet-name>
  7. <url-pattern>/servlet/DisplayChart</url-pattern>
  8. </servlet-mapping>


5） ApplicationFrame 方式
Java代码 复制代码
  1. publicclassPieChartDemo1extendsApplicationFrame{
  2. publicPieChartDemo1(Stringtitle){
  3. super(title);
  4. setContentPane(createDemoPanel());
  5. }
  6. privatestaticJFreeChartcreateChart(PieDatasetdataset){
  7. JFreeChartchart=ChartFactory.createPieChart(
  8. .......
  9. returnchart;
  10. }
  12. publicstaticJPanelcreateDemoPanel(){
  13. JFreeChartchart=createChart(createDataset());
  14. returnnewChartPanel(chart);
  15. }
  17. publicstaticvoidmain(String[]args){
  18. PieChartDemo1demo=newPieChartDemo1("PieChartDemo1");
  19. demo.pack();
  20. RefineryUtilities.centerFrameOnScreen(demo);
  21. demo.setVisible(true);
  22. }
  23. }


六. 可参考资料与网址

官方网站

[url]http://www.jfree.org/jfreechart/index.html [/url]

官方论坛

http://www.jfree.org/phpBB2/index.php

API 文档

[url]http://www.jfree.org/jfreechart/api/gjdoc/index.html [/url]

中文API

[url]http://blog.sina.com.cn/u/405da78d010000ap [/url]
分享到：
| JFreeChart中给Pie、Bar和Line及图例（Le ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics