分享
 
 
 

JSP调用Java Bean在网页上动态生成柱状图

王朝java/jsp·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

我们经常要在网页看到一些动态更新的图片,最常见的莫过于股票的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("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个长方形的高度是随之变化的,从而实现了图片的动态生成.该设计思想还可以用于制作网站的投票系统.

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有