JFreeChart在JSP中的应用实例


前段时间,也就是去年,在做一个项目的时候有这样一个需求,根据用户在Web页面上向服务器提交的数据,根据条件从数据库中取出相应的一系列数据后,要能在web浏览器上以图表的形式显示结果,形成直观的对比,于是就要我们实现饼图,柱图的动态生成。在网上找了很久,找到了JFreeChart这么一个东西。

JFreeChart
是一个开源的 JAVA 项目,它主要用来开发各种各样的图表,这些图表包括:饼图、柱状图 ( 普通柱状图以及堆栈柱状图 ) 、线图、区域图、分布图、混合图、甘特图以及一些仪表盘等等。在这些不同式样的图表上可以满足目前商业系统的要求。 JFreeChart 是一种基于 JAVA 语言的图表开发技术。 JFreeChart 可用于 Servlet JSP Applet Java Appication 环境中,通过 JDBC 可动态显示任何数据库数据,结合 Itext 可以输出至 PDF 文件。

这个东西正符合我们的需求,于是对他进行了研究并试验。前些时间懒,一直没有把研究测试心得写出来,现在闲下来,整理了一下,搞两个例子放上来供大家参考吧。


一、饼图实例

jsp页面:index.jsp

<% @ page contentType="text/html;charset=GBK" %>
<% @ page import="org.jfree.data.general.DefaultPieDataset" %>
<% @ page import="org.jfree.chart.*" %>
<% @ page import="org.jfree.chart.plot.*" %>
<% @ page import="org.jfree.chart.servlet.ServletUtilities" %>
<% @ page import="org.jfree.chart.labels.StandardPieToolTipGenerator" %>
<% @ page import="org.jfree.chart.urls.StandardPieURLGenerator" %>
<% @ page import="org.jfree.chart.entity.StandardEntityCollection" %>
<% @ page import="java.io.*" %>

< HTML >  
< HEAD >  
< META  http-equiv =Content-Type  content ="text/html; charset=GBK" >  
< META  NAME ="Author"  CONTENT ="Alpha" >
< TITLE > 程序员学历情况调查表-By Alpha </ TITLE >  
</ HEAD >  
< BODY >  
<%
            DefaultPieDataset data 
= new DefaultPieDataset(); 
            
//数据初始化
            data.setValue(
"高中以下",380); 
            data.setValue(
"高中",1620); 
            data.setValue(
"大专",6100); 
            data.setValue(
"本科",8310); 
            data.setValue(
"硕士",3520); 
            data.setValue(
"博士",180); 
            
            
//HttpSession session = request.getSession();

            PiePlot3D plot 
= new PiePlot3D(data);//生成一个3D饼图 
            
//plot.setURLGenerator(new StandardPieURLGenerator("DegreedView.jsp"));//设定图片链接 
            JFreeChart chart 
= new JFreeChart("",JFreeChart.DEFAULT_TITLE_FONT, plot, true); 
            chart.setBackgroundPaint(java.awt.Color.white);
//可选,设置图片背景色 
            chart.setTitle(
"程序员学历情况调查表-By Alpha");//可选,设置图片标题 
            plot.setToolTipGenerator(
new StandardPieToolTipGenerator()); 
            StandardEntityCollection sec 
= new StandardEntityCollection(); 
            ChartRenderingInfo info 
= new ChartRenderingInfo(sec); 
            PrintWriter w 
= new PrintWriter(out);//输出MAP信息 
            
//500是图片长度,300是图片高度
            
//String filename = ServletUtilities.saveChartAsPNG(chart,500,300,info,session); 
            
String filename = ServletUtilities.saveChartAsJPEG(chart,500,300,info,session); 
            ChartUtilities.writeImageMap(w,
"map0",info,false); 

            
String graphURL = request.getContextPath() + "/servlet/DisplayChart?filename=" + filename;
%>  

< ALIGN ="CENTER" >  
< img  src ="<%= graphURL %>"  width =500  height =300  border =0  usemap ="#map0" >  
</ P >  
</ BODY >  
</ HTML >

本例效果图:



二、柱图实例

jsp页面:index1.jsp