Chinaunix首页 | 论坛 | 博客
  • 博客访问: 346123
  • 博文数量: 76
  • 博客积分: 2790
  • 博客等级: 少校
  • 技术积分: 882
  • 用 户 组: 普通用户
  • 注册时间: 2008-08-13 09:15
个人简介

Will do as will say

文章分类

全部博文(76)

文章存档

2013年(7)

2012年(13)

2011年(2)

2009年(2)

2008年(52)

我的朋友

分类: Java

2008-08-13 16:22:06

 我们经常要在网页看到一些动态更新的图片,最常见的莫过于股票的K线图,本文试图通过一个简单的实例,向大家展示如何通过JSP 调用JavaBean在网页上动态生成柱状图。
  第一步:创建一个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("D:\\temp\\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   ("d:\\temp\\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" %>
<JSP:useBean id="cg" class="ChartGraphics"/>
<JSP:useBean id="gd" class="GetData"/>
<%!
int height[]=new int[5];
%>
<%
height=gd.getHightArray();
cg.graphicsGeneration(height[0],height[1],height[2],height[3],height[4]);
%>
<html>
<body>
<img src="d:\temp\chart.jpg"></img>
</body>
</html>
   解释:JSP首先调用Bean (GetData..class)读取文件中的数据,再调用Bean(ChartGraphics.class)生成图片,最后显示图片。
  结束语:由于文本(ColumnHeightArray.txt)中的数据可以随时变化,因此生成的图片中的5个长方形的高度是随之变化的,从而实现了图片的动态生成.该设计思想还可以用于制作网站的投票系统。

阅读(1039) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~