请选择 进入手机版 | 继续访问电脑版

饕餮源码网,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
查看: 48|回复: 9

[JSP编程] 轻松使用JSP生成饼图

[复制链接]

7万

主题

8万

帖子

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2006-10-13 00:00:00 | 显示全部楼层 |阅读模式

作者: BUILDER.COM

JSP提供了很多简单实用的工具,其中包括从数据库中读出数据,发送数据,并能够把结果显示在一个饼状图形。现在让我们看看这一简单而实用的方法。

你所需要的东西
 

转自:动态网制作指南 www.knowsky.com

为了能正确运行这一文章相关的范例,你必须需要JDK 1.2或更高的版本、一个关系数据库管理系统、一个JSP网络服务器。我都是在Tomcat调试这些例子,同时我也使用了Sun Java 2 SDK发布的com.sun.image.codec.jpegclasses。

数据库设计
假设你在一家从事销售新鲜水果的公司上班,公司出售的水果包括:苹果、桔子、葡萄。现在你的老板想用一个饼状图形显示每一种水果的总出售量,饼状图形能使每一种产品的销售情况一目了然,老板可以迅速掌握公司的产品成交情况。

表A使用了本文中的两种数据库列表。第一种列表(Products)包含所有销售产品的名称;第二种列表(Sales)包含每一种产品对应的销售量。

产品(Products)列表包含productID和productname两个域。销售(Sales)列表包含saleID, productID,以及总额。销售列表中的productID提供了这两个列表之间的关联。销售列表中的总额包含了每一次出售的现金数额,这些数额以浮点型数据出现。

转自:动态网制作指南 www.knowsky.com

表B中的getProducts()方法连接了两个数据库,并把所有的产品名称保存在数组中,我设置以下的数据库规则:

ProductID在产品列表中最独特,也是最关键;
ProductID对于第一个记录的值为0;
所有之后的连续的记录都是累加的,所以第二个记录的productID为1,第三个记录的productID为2,以此类推。
这些数据库规则允许在product数组中存储数据,如下所示:

arr[rs.getInt("productID")] = rs.getString("productname");

一些数据库管理系统在缺省情况下就允许数据的自动累加或者自动排序。当你在设计数据库时,一定先查明你的数据库管理系统遵循哪些规则,比如自动累加,自动排序等。
 

获取总额销售量
 

在多数情况下,销售列表中会有很多个记录,所以访问数据库的快捷性和高效性显得非常重要。现在我们只需要访问数据库中每一种产品的总额销售量。

表C中的getSales()方法与数据库连接并返回一个数组,这个数组包含每一种产品的总额出售量。当getSales()遍历所有的记录后,它只存储的是每一种产品新的出售量:

转自:动态网制作指南 www.knowsky.com

int product = rs.getInt("productID");
arr[product] += rs.getFloat("amount");

 

pieColor对象
饼状图形上的每一种产品应该以不同的颜色显示。为了达到这一目的,我们建立一个pieColor对象(如表D)所示,这一对象包含有关颜色的数组:

Color pieColorArray[] = {new Color(210,60,60), new Color(60,210,60)…}

pieColor类定义了一个setNewColor()的方法,这一方法能够使curPieColor和索引递增,同时它可以检查索引不要超过边界范围,即采用的方法是:如果curPieColor过大即赋0值。

更有效的是,setNewColor()循环每一种颜色后,并在第一种颜色下执行以下的代码:

curPieColor++;
if(curPieColor >= pieColorArray.length)
{curPieColor = 0;}

 

RenderingHints和antialiasing类
java.awt.RenderingHints类定义了很多方法以显示二维图形,包括alpha_interpolation, 抖动,以及antialiasing方法。RenderingHints有助于决定图形如何显示以及图形如何达到最佳处理。

转自:动态网制作指南 www.knowsky.com

为了能以平滑显示,可以使用antialiasing方法来处理饼状图形。Antialiasing是一种图形的平滑处理方法。其算法是选择一个特殊象素的颜色值并取代交叉处的象素,从而能够使线条交叉处得到平滑化。

图A说明了antialiasing方法的效果。可以看出使用antialiasing方法的饼状图形的线条交叉处变得很平滑。

图A

转自:动态网制作指南 www.knowsky.com

同时,还可以建立一个RenderingHints对象,并传递到Graphics2D setRenderingHints()方法,如下所示:

RenderingHints renderHints = new RenderingHints(RenderingHints.KEY_ANTIALIASING,
    RenderingHints.VALUE_ANTIALIAS_ON);
g2d.setRenderingHints(renderHints);

制做可调整的边界
 

图A中的饼状图形有一边界,如何能改变边界的大小呢?可以先定义int border = 10,然后计算边界内面积的大小而实现:

Ellipse2D.Double elb = new Ellipse2D.Double(x_pie - border/2, y_pie - border/2, pieWidth + border, pieHeight + border);

x_pie和y_pie的值代表着包围在饼状图形的正方形的左上角。我们通过边界面积取一半(border/2)而得到饼状图形的中心。

圆弧(Arc)理论
从java.awt.Graphics 类继承而来的fillArc()方法提供了绘制饼状图形各个部分(或圆弧)的简单方法:

g2d.fillArc(x_position, y_position, width, height, startAngle, sweepAngle);

x_position,和y_position整数代表着要填充的圆弧的左上角的x,y的坐标,width和heigh整数代表其具体的尺寸。如果width和height的值相等,饼状图形将是一个圆。如果width和height不相等,那么饼状图形将是一个椭圆。

fillArc()方法决定基于sweepAngle整数值的圆弧的大小。如果sweepAngle值是正的,则圆弧是以反时针方向绘制,反之以顺时针绘制。

绘制圆弧
第一步,使用pieColor对象的getPieColor()方法获取最近饼状圆弧的颜色,并把它赋予当前的圆弧::

g2d.setColor(pc.getPieColor());

接着,通过不断循环sales[]数组并使其累加而获得总共的销售量:

salesTotal += sales;

使用总共销售量,可以计算出每一种产品销售情况占总共销售量的百分量:

float perc = (sales/salesTotal);

我们计算sweepAngle即可给圆弧的每一部分分配度数:

int sweepAngle = (int)(perc * 360);

每一部分圆弧画完之后,startAngle即可根据当前的sweepAngle递增。这就确保当前的圆弧部分都是以上一圆弧为开始,从而建立一个完整的饼状图形。

显示图标
图标提供了显示饼状图形中各个部分最简洁的方式。一个图标的大小应该与饼状图形中的占有量相对应。

图B显示了一个完整饼状图形及其对应各个部分的图标,包括产品名称、销售总量、以及各个部分的占有量。

图B


 

总结

这一文章讲述了如何利用JSP绘制饼状图形的方法及算法,这些方法及算法简单而实用,开发人员可以充分地利用这些方法。

回复

使用道具 举报

1

主题

8934

帖子

207

积分

中级会员

Rank: 3Rank: 3

积分
207
发表于 2022-9-8 07:16:17 | 显示全部楼层
天天源码论坛
回复 支持 反对

使用道具 举报

4

主题

8747

帖子

303

积分

中级会员

Rank: 3Rank: 3

积分
303
发表于 2022-10-5 18:52:59 | 显示全部楼层
逛逛看看瞧瞧
回复 支持 反对

使用道具 举报

匿名  发表于 2022-10-5 21:17:58

cialis ingredients


cialis canada pharmacy online
<a href="https://ciamgdosage.com/">where to buy cialis</a>
cialis vs viagra
<a href="https://genercialtadal.com/">cialis strength</a>
cialis strength
<a href="https://cialiswallettad.com/">does insurance cover cialis</a>
回复 支持 反对

使用道具

匿名  发表于 2022-10-5 21:18:27

tadalafil no prescription

tadalafil india manufacturers
<a href="https://ciamgdosage.com/">generic cialis canada</a>
which is better viagra or cialis
<a href="https://genercialtadal.com/">cialis 20 mg</a>
cialis daily cost
<a href="https://cialiswallettad.com/">cialis manufacturer coupon lilly</a>
回复 支持 反对

使用道具

匿名  发表于 2022-10-5 21:19:08

cialis daily cost

УОН 37.139.53.x ·±нУЪ 2022-10-5 21:18
tadalafil india manufacturers
generic cialis canada
which is better viagra or cialis

cialis daily dosage
<a href="https://ciamgdosage.com/">tadalafil side effects long term</a>
cialis otc switch
<a href="https://genercialtadal.com/">generic cialis india</a>
cialis order
<a href="https://cialiswallettad.com/">cheapest cialis 20 mg</a>
回复 支持 反对

使用道具

匿名  发表于 2022-10-5 21:19:44

is 20mg cialis equal to 100mg viagra

УОН 37.139.53.x ·±нУЪ 2022-10-5 21:17
cialis canada pharmacy online
where to buy cialis
cialis vs viagra

canadian pharmacy cialis 20mg
<a href="https://ciamgdosage.com/">cialis drug interactions</a>
buy cialis online no prescription
<a href="https://genercialtadal.com/">tadalafil cialis</a>
order cheap cialis
<a href="https://cialiswallettad.com/">tadalafil 20 mg how long does it last</a>
回复 支持 反对

使用道具

匿名  发表于 2022-10-5 21:25:45

no prescription cialis

УОН 37.139.53.x ·±нУЪ 2022-10-5 21:19
cialis daily dosage
tadalafil side effects long term
cialis otc switch

cialis pills
<a href="https://ciamgdosage.com/">cialis on line</a>
when does cialis patent expire
<a href="https://genercialtadal.com/">cheap cialis canada</a>
cialis dosage
<a href="https://cialiswallettad.com/">purchase cialis online</a>
回复 支持 反对

使用道具

匿名  发表于 2022-10-5 21:26:24

viagra vs cialis hardness

УОН 37.139.53.x ·±нУЪ 2022-10-5 21:17
cialis canada pharmacy online
where to buy cialis
cialis vs viagra

cialis prices
<a href="https://ciamgdosage.com/">does insurance cover cialis</a>
buy tadalafil 20mg price
<a href="https://genercialtadal.com/">buying cialis online safely</a>
cialis buy online
<a href="https://cialiswallettad.com/">tadalafil price</a>
回复 支持 反对

使用道具

0

主题

8410

帖子

66

积分

注册会员

Rank: 2

积分
66
发表于 2022-11-24 22:46:19 | 显示全部楼层
搞个免费的用用
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|饕餮源码网 ( 海外版 )

GMT+8, 2022-12-5 23:39 , Processed in 0.070908 second(s), 26 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表