Java开发网 - jsp下动态生成统计柱状图(ZT)

Topic: jsp下动态生成统计柱状图(ZT)

1.jsp下动态生成统计柱状图(ZT)

Posted by: nerd
Posted on: 2003-05-17 23:50

发信人: bitilittlebe (浪漫苦瓜), 信区: Java
标题: jsp下动态生成统计柱状图(ZT)
发信站: BBS 水木清华站 (Fri May 2 09:52:55 2003), 转信

JSP调用Java Bean在网页上动态生成柱状图阅读次数11110

出处 http://cuiguanyu.top263.net/

[中文JAVA技术网 2001-12-03]

我们经常要在网页看到一些动态更新的图片,最常见的莫过于股票的K线图,本文试图通过
一个简单的实例,向大家展示如何通过JSP 调用Java Bean在网页上动态生成柱状图.

背景:本人最近在为某统计局开发项目时,涉及到在网页上动态生成图片的问题,费了一天
的时间,终于搞定,为帮助大家在以后遇到同样的问题时不走弯路,现将设计思想及源代码
公布出来,与大家共勉.以下代码在Windows2000成功测试通过,Web应用服务器采用Allaire
公司的Jrun3.0,如有疑问
,敬请联系作者:cuigy2000@263.net下载源代码

第一步:创建一个Java Bean用来生成jpg文件

源程序如下:

//生成图片的 Java Bean
//作者:崔冠宇
//日期:2001-08-24
import java.io.*;
import java.util.*;
import com.sun.image.codec.jpeg.*;
import java.awt.image.*;
import java.awt.*;

public class ChartGraphics {
BufferedImage image;

public void createImage(String fileLocation) {
try {
FileOutputStream fos = new FileOutputStream(fileLocation);
BufferedOutputStream bos = new BufferedOutputStream(fos);

JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(bos);
encoder.encode(image);
bos.close();
} catch(Exception e) {
System.out.println(e);
}
}

public void graphicsGeneration(int h1,int h2,int h3,int h4,int h5) {
final int X=10;
int imageWidth = 300;//图片的宽度
int imageHeight = 300;//图片的高度
int columnWidth=30;//柱的宽度
int columnHeight=200;//柱的最大高度

ChartGraphics chartGraphics = new ChartGraphics();
chartGraphics.image = new BufferedImage(imageWidth, imageHeight,
BufferedImage.TYPE_INT_RGB);
Graphics graphics = chartGraphics.image.getGraphics();
graphics.setColor(Color.white);
graphics.fillRect(0,0,imageWidth,imageHeight);
graphics.setColor(Color.red);
graphics.drawRect(X+1*columnWidth, columnHeight-h1, columnWidth, h1);
graphics.drawRect(X+2*columnWidth, columnHeight-h2, columnWidth, h2);
graphics.drawRect(X+3*columnWidth, columnHeight-h3, columnWidth, h3);
graphics.drawRect(X+4*columnWidth, columnHeight-h4, columnWidth, h4);
graphics.drawRect(X+5*columnWidth, columnHeight-h5, columnWidth, h5);
chartGraphics.createImage("F:\\Program Files\\Allaire\\JRun\\servers\\default\\demo-app\\jsp\\chart.jpg");
}
}

解释: createImage(String fileLocation)方法用于创建JPG图片,参数fileLocation为文
件路径

graphicsGeneration(int h1,int h2,int h3,int h4,int h5)方法用于绘出图片的内容,
参数h1……h5为每一个长方形的高度

第二步:创建另一个Java Bean从文本文件中读取数据(每一个长方形的高度),在实际应用
中数据存储在Oracle数据库中

源程序如下:

//读取Text文件中数据的 Java Bean
//作者:崔冠宇
//日期:2001-08-24
import java.io.*;

public class GetData {
int heightArray[] = new int[5];

public int[] getHightArray() {
try {
RandomAccessFile randomAccessFile = new RandomAccessFile ("F:\\Program Files\\Allaire\\JRun\\servers\\default\\demo-app\\jsp\\ColumnHeightArray.txt", "r");
for (int i=0;i<5;i++)
{
heightArray[i] = Integer.parseInt(randomAccessFile.readLine());
}
}
catch(Exception e) {
System.out.println(e);
}
return heightArray;
}
}

解释: getHightArray()用于从文本中读取数据,将文本中的String类型转换为int类型,并
以数组类型返回.

第三步:创建JSP文件

源程序如下:

<％@ page import="ChartGraphics" ％>
<％@ page import="GetData" ％>

<％!
int height[]=new int[5];
％>

<％
height=gd.getHightArray();
cg.graphicsGeneration(height[0],height[1],height[2],height[3],height[4]);
％>

解释:JSP首先调用Bean (GetData..class)读取文件中的数据,再调用Bean(ChartGraphics
.class)生成图片,最后显示图片

结束语:由于文本(ColumnHeightArray.txt)中的数据可以随时变化,因此生成的图片中的5
个长方形的高度是随之变化的,从而实现了图片的动态生成.该设计思想还可以用于制作网
站的投票系统.

2.Re:jsp下动态生成统计柱状图(ZT) [Re: nerd]	Copy to clipboard
Posted by: 江湖飘 Posted on: 2003-05-19 11:16 呵呵如果单单是柱状图的话用JAVABEAN就没有必要了吧，为什么不用图片代替，动态控制他的高度不就OK了呵呵