jsp JFreeChart使用心得與例子
更新時間:2008年11月30日 16:21:13 作者:
一、JFreeChart的介紹與獲取
JFreeChart開發(fā)包是一個開源的Java圖形開發(fā)包,它從柱形圖,餅形圖,到雷達(dá)圖,蠟燭圖等等無所不包,可以在c/s,b/s,甚至是實時環(huán)境都能一顯身手。
當(dāng)前的JFreeChart的最新版本為jfreechart-1.0.11.zip??梢缘絟ttp://www.jfree.org/jfreechart/index.html找到
二、JFreeChart的基本使用
不論創(chuàng)建的是什么圖,JFreeChart都遵循以下的這個使用步驟:
1、建立Dataset。所有的數(shù)據(jù)都存放在Dataset中的。(創(chuàng)建一個數(shù)據(jù)源(dataset)來包含將要在圖形中顯示的數(shù)據(jù))
2、建立JFreeChart。將dataset中的數(shù)據(jù)導(dǎo)入到JFreeChart中。(創(chuàng)建一個 JFreeChart 對象來代表要顯示的圖形 )
3、設(shè)置JFreeChart的顯示屬性。這一步可以省略,使用默認(rèn)的JFreeChart顯示屬性。
3、渲染圖表。即生成圖片。
4、頁面圖片顯示。
重要的類和接口:
org.jfree.data.general.Dataset 所有數(shù)據(jù)源類都要實現(xiàn)的接口
org.jfree.chart.ChartFactory 由它來產(chǎn)生 JFreeChart 對象
org.jfree.chart.JFreeChart 所有對圖形的調(diào)整都是通過它噢??!
org.jfree.chart.plot.Plot 通過JFreeChart 對象獲得它,然后再通過它對圖形外部部分(例:坐標(biāo)軸)調(diào)整
注意:它有很多子類,一般都下涉及到它的子類!
org.jfree.chart.renderer.AbstractRenderer 通過JFreeChart 對象獲得它,然后再通過它對圖形內(nèi)部部分(例:折線的類型)調(diào)整。同樣,針對不同類型的報表圖,它有著不同的子類實現(xiàn)!在下面我們簡稱它為 Renderer
三、JFreeChart使用的具體例子
在web應(yīng)用中的例子
package com.lzk.bean;
import java.awt.Color;
import java.awt.Font;
import java.io.IOException;
import java.io.PrintWriter;
import java.text.NumberFormat;
import java.text.SimpleDateFormat;
import javax.servlet.http.HttpSession;
import org.jfree.chart.ChartFactory;
import org.jfree.chart.ChartRenderingInfo;
import org.jfree.chart.ChartUtilities;
import org.jfree.chart.JFreeChart;
import org.jfree.chart.axis.DateAxis;
import org.jfree.chart.axis.NumberAxis;
import org.jfree.chart.entity.StandardEntityCollection;
import org.jfree.chart.labels.StandardXYToolTipGenerator;
import org.jfree.chart.plot.XYPlot;
import org.jfree.chart.renderer.xy.XYItemRenderer;
import org.jfree.chart.renderer.xy.XYLineAndShapeRenderer;
import org.jfree.chart.servlet.ServletUtilities;
import org.jfree.chart.title.TextTitle;
import org.jfree.data.time.Day;
import org.jfree.data.time.TimeSeries;
import org.jfree.data.time.TimeSeriesCollection;
import org.jfree.data.xy.XYDataset;
import org.jfree.ui.RectangleInsets;
/**
* 曲線圖的繪制
*/
public class LineXYChart
{
/**
* 返回生成圖片的文件名
* @param session
* @param pw
* @return 生成圖片的文件名
*/
public String getLineXYChart(HttpSession session, PrintWriter pw)
{
XYDataset dataset = this.createDateSet();//建立數(shù)據(jù)集
String fileName = null;
//建立JFreeChart
JFreeChart chart = ChartFactory.createTimeSeriesChart(
"JFreeChart時間曲線序列圖", // title
"Date", // x-axis label
"Price", // y-axis label
dataset, // data
true, // create legend?
true, // generate tooltips?
false // generate URLs?
);
//設(shè)置JFreeChart的顯示屬性,對圖形外部部分進(jìn)行調(diào)整
chart.setBackgroundPaint(Color.red);//設(shè)置曲線圖背景色
//設(shè)置字體大小,形狀
Font font = new Font("宋體", Font.BOLD, 16);
TextTitle title = new TextTitle("JFreeChart時間曲線序列圖", font);
chart.setTitle(title);
//副標(biāo)題
TextTitle subtitle =
new TextTitle("副標(biāo)題", new Font("黑體", Font.BOLD, 12));
chart.addSubtitle(subtitle);
chart.setTitle(title); //標(biāo)題
//設(shè)置圖示標(biāo)題字符
//TimeSeries s1 = new TimeSeries("歷史曲線", Day.class);該中文字符
LegendTitle legengTitle = chart.getLegend();
legengTitle.setItemFont(font);
XYPlot plot = (XYPlot) chart.getPlot();//獲取圖形的畫布
plot.setBackgroundPaint(Color.lightGray);//設(shè)置網(wǎng)格背景色
plot.setDomainGridlinePaint(Color.green);//設(shè)置網(wǎng)格豎線(Domain軸)顏色
plot.setRangeGridlinePaint(Color.white);//設(shè)置網(wǎng)格橫線顏色
plot.setAxisOffset(new RectangleInsets(5.0, 5.0, 5.0, 5.0));//設(shè)置曲線圖與xy軸的距離
plot.setDomainCrosshairVisible(true);
plot.setRangeCrosshairVisible(true);
XYItemRenderer r = plot.getRenderer();
if (r instanceof XYLineAndShapeRenderer)
{
XYLineAndShapeRenderer renderer = (XYLineAndShapeRenderer) r;
renderer.setBaseShapesVisible(true);
renderer.setBaseShapesFilled(true);
renderer.setShapesVisible(true);//設(shè)置曲線是否顯示數(shù)據(jù)點
}
//設(shè)置Y軸
NumberAxis numAxis = (NumberAxis) plot.getRangeAxis();
NumberFormat numFormater = NumberFormat.getNumberInstance();
numFormater.setMinimumFractionDigits(2);
numAxis.setNumberFormatOverride(numFormater);
//設(shè)置提示信息
StandardXYToolTipGenerator tipGenerator = new StandardXYToolTipGenerator(
"歷史信息{1} 16:00,{2})", new SimpleDateFormat("MM-dd"),numFormater);
r.setToolTipGenerator(tipGenerator);
//設(shè)置X軸(日期軸)
DateAxis axis = (DateAxis) plot.getDomainAxis();
axis.setDateFormatOverride(new SimpleDateFormat("MM-dd"));
ChartRenderingInfo info = new ChartRenderingInfo(
new StandardEntityCollection());
try
{
fileName = ServletUtilities.saveChartAsPNG(chart, 500, 300, info,
session);//生成圖片
// Write the image map to the PrintWriter
ChartUtilities.writeImageMap(pw, fileName, info, false);
}
catch (IOException e)
{
e.printStackTrace();
}
pw.flush();
return fileName;//返回生成圖片的文件名
}
/**
* 建立生成圖形所需的數(shù)據(jù)集
* @return 返回數(shù)據(jù)集
*/
private XYDataset createDateSet()
{
TimeSeriesCollection dataset = new TimeSeriesCollection();//時間曲線數(shù)據(jù)集合
TimeSeries s1 = new TimeSeries("歷史曲線", Day.class);//創(chuàng)建時間數(shù)據(jù)源,每一個//TimeSeries在圖上是一條曲線
//s1.add(new Day(day,month,year),value),添加數(shù)據(jù)點信息
s1.add(new Day(1, 2, 2006), 123.51);
s1.add(new Day(2, 2, 2006), 122.1);
s1.add(new Day(3, 2, 2006), 120.86);
s1.add(new Day(4, 2, 2006), 122.50);
s1.add(new Day(5, 2, 2006), 123.12);
s1.add(new Day(6, 2, 2006), 123.9);
s1.add(new Day(7, 2, 2006), 124.47);
s1.add(new Day(8, 2, 2006), 124.08);
s1.add(new Day(9, 2, 2006), 123.55);
s1.add(new Day(10, 2, 2006), 122.53);
dataset.addSeries(s1);
dataset.setDomainIsPointsInTime(true);
return dataset;
}
}
在jsp文件中顯示圖片
首先在Web應(yīng)用程序部署文件web.xml中添加以下代碼:
<!-- 圖片顯示,使用專用的servlet來進(jìn)行顯示,它會完成路徑的搜索及映射 -->
<servlet>
<servlet-name>DisplayChart</servlet-name>
<servlet-class>org.jfree.chart.servlet.DisplayChart</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>DisplayChart</servlet-name>
<url-pattern>/servlet/DisplayChart</url-pattern>
</servlet-mapping>
然后在jsp中顯示圖片
完整的jsp文件:
<!--文件名稱:timeLine.jsp-->
<%@ page contentType="text/html;charset=gb2312" pageEncoding="GB2312"%>
<%@ page import="com.hong.bean.LineXYChart"%>
<%@ page import = "java.io.PrintWriter" %>
<%
LineXYChart xyChart=new LineXYChart();
String fileName=xyChart.getLineXYChart(session,new PrintWriter(out));
String graphURL = request.getContextPath() + "/servlet/DisplayChart?filename=" + fileName;
%>
<html>
</head>
<title> JFreeChart使用例子</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<img src="<%= graphURL %>" width=500 height=300 border=0 usemap="<%= fileName %>">
</body>
</html>
二、JFreeChart的基本使用
不論創(chuàng)建的是什么圖,JFreeChart都遵循以下的這個使用步驟:
1、建立Dataset。所有的數(shù)據(jù)都存放在Dataset中的。(創(chuàng)建一個數(shù)據(jù)源(dataset)來包含將要在圖形中顯示的數(shù)據(jù))
2、建立JFreeChart。將dataset中的數(shù)據(jù)導(dǎo)入到JFreeChart中。(創(chuàng)建一個 JFreeChart 對象來代表要顯示的圖形 )
3、設(shè)置JFreeChart的顯示屬性。這一步可以省略,使用默認(rèn)的JFreeChart顯示屬性。
3、渲染圖表。即生成圖片。
4、頁面圖片顯示。
重要的類和接口:
org.jfree.data.general.Dataset 所有數(shù)據(jù)源類都要實現(xiàn)的接口
org.jfree.chart.ChartFactory 由它來產(chǎn)生 JFreeChart 對象
org.jfree.chart.JFreeChart 所有對圖形的調(diào)整都是通過它噢??!
org.jfree.chart.plot.Plot 通過JFreeChart 對象獲得它,然后再通過它對圖形外部部分(例:坐標(biāo)軸)調(diào)整
注意:它有很多子類,一般都下涉及到它的子類!
org.jfree.chart.renderer.AbstractRenderer 通過JFreeChart 對象獲得它,然后再通過它對圖形內(nèi)部部分(例:折線的類型)調(diào)整。同樣,針對不同類型的報表圖,它有著不同的子類實現(xiàn)!在下面我們簡稱它為 Renderer
三、JFreeChart使用的具體例子
在web應(yīng)用中的例子
package com.lzk.bean;
import java.awt.Color;
import java.awt.Font;
import java.io.IOException;
import java.io.PrintWriter;
import java.text.NumberFormat;
import java.text.SimpleDateFormat;
import javax.servlet.http.HttpSession;
import org.jfree.chart.ChartFactory;
import org.jfree.chart.ChartRenderingInfo;
import org.jfree.chart.ChartUtilities;
import org.jfree.chart.JFreeChart;
import org.jfree.chart.axis.DateAxis;
import org.jfree.chart.axis.NumberAxis;
import org.jfree.chart.entity.StandardEntityCollection;
import org.jfree.chart.labels.StandardXYToolTipGenerator;
import org.jfree.chart.plot.XYPlot;
import org.jfree.chart.renderer.xy.XYItemRenderer;
import org.jfree.chart.renderer.xy.XYLineAndShapeRenderer;
import org.jfree.chart.servlet.ServletUtilities;
import org.jfree.chart.title.TextTitle;
import org.jfree.data.time.Day;
import org.jfree.data.time.TimeSeries;
import org.jfree.data.time.TimeSeriesCollection;
import org.jfree.data.xy.XYDataset;
import org.jfree.ui.RectangleInsets;
/**
* 曲線圖的繪制
*/
public class LineXYChart
{
/**
* 返回生成圖片的文件名
* @param session
* @param pw
* @return 生成圖片的文件名
*/
public String getLineXYChart(HttpSession session, PrintWriter pw)
{
XYDataset dataset = this.createDateSet();//建立數(shù)據(jù)集
String fileName = null;
//建立JFreeChart
JFreeChart chart = ChartFactory.createTimeSeriesChart(
"JFreeChart時間曲線序列圖", // title
"Date", // x-axis label
"Price", // y-axis label
dataset, // data
true, // create legend?
true, // generate tooltips?
false // generate URLs?
);
//設(shè)置JFreeChart的顯示屬性,對圖形外部部分進(jìn)行調(diào)整
chart.setBackgroundPaint(Color.red);//設(shè)置曲線圖背景色
//設(shè)置字體大小,形狀
Font font = new Font("宋體", Font.BOLD, 16);
TextTitle title = new TextTitle("JFreeChart時間曲線序列圖", font);
chart.setTitle(title);
//副標(biāo)題
TextTitle subtitle =
new TextTitle("副標(biāo)題", new Font("黑體", Font.BOLD, 12));
chart.addSubtitle(subtitle);
chart.setTitle(title); //標(biāo)題
//設(shè)置圖示標(biāo)題字符
//TimeSeries s1 = new TimeSeries("歷史曲線", Day.class);該中文字符
LegendTitle legengTitle = chart.getLegend();
legengTitle.setItemFont(font);
XYPlot plot = (XYPlot) chart.getPlot();//獲取圖形的畫布
plot.setBackgroundPaint(Color.lightGray);//設(shè)置網(wǎng)格背景色
plot.setDomainGridlinePaint(Color.green);//設(shè)置網(wǎng)格豎線(Domain軸)顏色
plot.setRangeGridlinePaint(Color.white);//設(shè)置網(wǎng)格橫線顏色
plot.setAxisOffset(new RectangleInsets(5.0, 5.0, 5.0, 5.0));//設(shè)置曲線圖與xy軸的距離
plot.setDomainCrosshairVisible(true);
plot.setRangeCrosshairVisible(true);
XYItemRenderer r = plot.getRenderer();
if (r instanceof XYLineAndShapeRenderer)
{
XYLineAndShapeRenderer renderer = (XYLineAndShapeRenderer) r;
renderer.setBaseShapesVisible(true);
renderer.setBaseShapesFilled(true);
renderer.setShapesVisible(true);//設(shè)置曲線是否顯示數(shù)據(jù)點
}
//設(shè)置Y軸
NumberAxis numAxis = (NumberAxis) plot.getRangeAxis();
NumberFormat numFormater = NumberFormat.getNumberInstance();
numFormater.setMinimumFractionDigits(2);
numAxis.setNumberFormatOverride(numFormater);
//設(shè)置提示信息
StandardXYToolTipGenerator tipGenerator = new StandardXYToolTipGenerator(
"歷史信息{1} 16:00,{2})", new SimpleDateFormat("MM-dd"),numFormater);
r.setToolTipGenerator(tipGenerator);
//設(shè)置X軸(日期軸)
DateAxis axis = (DateAxis) plot.getDomainAxis();
axis.setDateFormatOverride(new SimpleDateFormat("MM-dd"));
ChartRenderingInfo info = new ChartRenderingInfo(
new StandardEntityCollection());
try
{
fileName = ServletUtilities.saveChartAsPNG(chart, 500, 300, info,
session);//生成圖片
// Write the image map to the PrintWriter
ChartUtilities.writeImageMap(pw, fileName, info, false);
}
catch (IOException e)
{
e.printStackTrace();
}
pw.flush();
return fileName;//返回生成圖片的文件名
}
/**
* 建立生成圖形所需的數(shù)據(jù)集
* @return 返回數(shù)據(jù)集
*/
private XYDataset createDateSet()
{
TimeSeriesCollection dataset = new TimeSeriesCollection();//時間曲線數(shù)據(jù)集合
TimeSeries s1 = new TimeSeries("歷史曲線", Day.class);//創(chuàng)建時間數(shù)據(jù)源,每一個//TimeSeries在圖上是一條曲線
//s1.add(new Day(day,month,year),value),添加數(shù)據(jù)點信息
s1.add(new Day(1, 2, 2006), 123.51);
s1.add(new Day(2, 2, 2006), 122.1);
s1.add(new Day(3, 2, 2006), 120.86);
s1.add(new Day(4, 2, 2006), 122.50);
s1.add(new Day(5, 2, 2006), 123.12);
s1.add(new Day(6, 2, 2006), 123.9);
s1.add(new Day(7, 2, 2006), 124.47);
s1.add(new Day(8, 2, 2006), 124.08);
s1.add(new Day(9, 2, 2006), 123.55);
s1.add(new Day(10, 2, 2006), 122.53);
dataset.addSeries(s1);
dataset.setDomainIsPointsInTime(true);
return dataset;
}
}
在jsp文件中顯示圖片
首先在Web應(yīng)用程序部署文件web.xml中添加以下代碼:
<!-- 圖片顯示,使用專用的servlet來進(jìn)行顯示,它會完成路徑的搜索及映射 -->
<servlet>
<servlet-name>DisplayChart</servlet-name>
<servlet-class>org.jfree.chart.servlet.DisplayChart</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>DisplayChart</servlet-name>
<url-pattern>/servlet/DisplayChart</url-pattern>
</servlet-mapping>
然后在jsp中顯示圖片
完整的jsp文件:
<!--文件名稱:timeLine.jsp-->
<%@ page contentType="text/html;charset=gb2312" pageEncoding="GB2312"%>
<%@ page import="com.hong.bean.LineXYChart"%>
<%@ page import = "java.io.PrintWriter" %>
<%
LineXYChart xyChart=new LineXYChart();
String fileName=xyChart.getLineXYChart(session,new PrintWriter(out));
String graphURL = request.getContextPath() + "/servlet/DisplayChart?filename=" + fileName;
%>
<html>
</head>
<title> JFreeChart使用例子</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<img src="<%= graphURL %>" width=500 height=300 border=0 usemap="<%= fileName %>">
</body>
</html>
相關(guān)文章
JSP實現(xiàn)用于自動生成表單標(biāo)簽html代碼的自定義表單標(biāo)簽
這篇文章主要介紹了JSP實現(xiàn)用于自動生成表單標(biāo)簽html代碼的自定義表單標(biāo)簽,可實現(xiàn)自動生成html標(biāo)簽的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10請求轉(zhuǎn)發(fā)jsp頁面亂碼問題的快速解決方法
下面小編就為大家?guī)硪黄埱筠D(zhuǎn)發(fā)jsp頁面亂碼問題的快速解決方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-08-08JBuilder2005實戰(zhàn)JSP之切換控制 圖文步驟
由于在login.jsp的表單中通過action屬性指定switch.jsp為響應(yīng)的JSP文件,當(dāng)用戶在login.jsp中選定登錄用戶,輸入密碼提交表單后,客戶端將向服務(wù)器發(fā)送一個HTTP請求,服務(wù)器即調(diào)用switch.jsp來響應(yīng)這個請求2012-08-08