本文實例講述了JavaWeb實現(xiàn)圖形報表折線圖的方法。分享給大家供大家參考,具體如下:
步驟說明:
1. 導(dǎo)入log4j.jar,jfreechart-0.9.18.jar,jdom.jar,jcommon-0.9.3.jar四個jar包
2. 在某個包中寫入Tuxin.Java類
package com.mengya.util;
import java.awt.Color;
import java.awt.Font;
import java.io.PrintWriter;
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.StandardLegend;
import org.jfree.chart.axis.NumberAxis;
import org.jfree.chart.entity.StandardEntityCollection;
import org.jfree.chart.plot.CategoryPlot;
import org.jfree.chart.plot.PlotOrientation;
import org.jfree.chart.renderer.LineAndShapeRenderer;
import org.jfree.chart.servlet.ServletUtilities;
import org.jfree.data.DefaultCategoryDataset;
public class Line
{
private DefaultCategoryDataset dataset = new DefaultCategoryDataset();
public void setValue(int sum, String line, String wfield)
{
dataset.addValue(sum, line, wfield);
}
public String generateLineChart(String title,String wfield, String hfield, HttpSession session, PrintWriter pw,int wPhoto,int hPhoto)
{
String filename = null;
try
{
final JFreeChart chart = ChartFactory.createLineChart
(
title, // 圖表標題
wfield, // 橫軸的顯示標簽
hfield, // 縱軸的顯示標簽
dataset, //數(shù)據(jù)集
PlotOrientation.VERTICAL, // 圖表方向:水平、垂直
true, // 是否顯示圖例
true, // 是否生成提示工具 tooltips
false // 是否生成URL鏈接
);
StandardLegend legend = (StandardLegend) chart.getLegend();//生成圖例
legend.setDisplaySeriesShapes(true);//顯示圖例形狀
legend.setShapeScaleX(1.5);//設(shè)置圖例X軸的大小
legend.setShapeScaleY(1.5);//設(shè)置圖例Y軸的大小
legend.setDisplaySeriesLines(true);//顯示圖示項的橫線
//設(shè)置圖片的背景色
chart.setBackgroundPaint(new java.awt.Color(189,235,255));
CategoryPlot plot = (CategoryPlot) chart.getPlot();
plot.setBackgroundPaint(new Color(239,251,255));//生成圖片中墻體的背景色
plot.setRangeGridlinePaint(Color.black);//生成圖片中格子線的顏色
// 沒有數(shù)據(jù)時顯示的消息
plot.setNoDataMessage("沒有相關(guān)統(tǒng)計數(shù)據(jù)");
plot.setNoDataMessageFont(new Font("黑體", Font.CENTER_BASELINE, 16));
plot.setNoDataMessagePaint(Color.RED);
NumberAxis rangeAxis = (NumberAxis) plot.getRangeAxis();
rangeAxis.setStandardTickUnits(NumberAxis.createIntegerTickUnits());//設(shè)置圖中的刻度線的單位
rangeAxis.setAutoRangeIncludesZero(true);//強制在自動選擇的數(shù)據(jù)范圍中包含0
LineAndShapeRenderer renderer = (LineAndShapeRenderer) plot.getRenderer();
renderer.setDrawShapes(true);//折線的數(shù)據(jù)點根據(jù)分類使用不同的形狀
renderer.setItemLabelsVisible(true);//顯示每個點上的數(shù)據(jù)值的提示工具,數(shù)據(jù)標簽是否可見
ChartRenderingInfo info = new ChartRenderingInfo(new
StandardEntityCollection());
//500是圖片長度,300是圖片高度
filename = ServletUtilities.saveChartAsPNG(chart, wPhoto, hPhoto, info, session);
ChartUtilities.writeImageMap(pw, filename, info);
pw.flush();
}
catch(Exception e)
{
e.printStackTrace();
}
return filename;
}
}
3. 配置web.xml,在web.xml中添加如下內(nèi)空:
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>/DisplayChart/url-pattern>
/servlet-mapping>
4. 在要顯示圖片的jsp中添加內(nèi)容:
%@ page language="java" import="java.util.*,com.mengya.util.Line,com.mengya.bean.StuBean" pageEncoding="gbk"%>
%@page import="java.io.PrintWriter;"%>
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
html>
head>
title>折線圖/title>
/head>
body>
%
Line tt = new Line();
//第一條折線
List ar = (ArrayList) request.getAttribute("arr1");
for (int i = 0; i ar.size(); i++) {
StuBean bean = (StuBean) ar.get(i);
tt.setValue((int) bean.getS_money(), "張明學(xué)個人消費比例圖", bean.getS_month()+ "");
}
//條二條折線
ar = (ArrayList) request.getAttribute("arr2");
for (int i = 0; i ar.size(); i++) {
StuBean bean = (StuBean) ar.get(i);
tt.setValue((int) bean.getS_money(), "夢婭個人消費比例圖", bean.getS_month()+ "");
}
//說明:tt.setValue(int a,String b,String c)
//其中的第二個參數(shù)b是該條折線的名字,每條折線的名字最好不要一樣.
String filename = tt.generateLineChart("個人消費比例圖", "月 份",
"費 用", session, new PrintWriter(out), 800, 550);
String graphURL = request.getContextPath()
+ "/DisplayChart?filename=" + filename;
%>
P ALIGN="CENTER">
img src="%=graphURL %>" width=800 height=550 border=1 usemap="#%=filename%>">
/body>
/html>
希望本文所述對大家JSP程序設(shè)計有所幫助。
您可能感興趣的文章:- 水晶報表asp.net的webform下基本用法實例
- Web打印解決方案之證件套打的實現(xiàn)思路
- 基于MVC+EasyUI的web開發(fā)框架之使用云打印控件C-Lodop打印頁面或套打報關(guān)運單信息
- 網(wǎng)頁WEB打印控件制作
- 利用javascript實現(xiàn)web頁面中指定區(qū)域打印
- js控制web打印(局部打印)方法整理
- web的各種前端打印方法之jquery打印插件jqprint實現(xiàn)網(wǎng)頁打印
- web的各種前端打印方法之jquery打印插件PrintArea實現(xiàn)網(wǎng)頁打印
- Web打印解決方案之普通報表打印功能