你所需要的東西

為了能正確運行本文相關的范例，你必須需要JDK 1.2或更高的版本、一個關系數(shù)據(jù)庫管理系統(tǒng)、一個JSP網(wǎng)絡服務器。我都是在Tomcat調(diào)試這些例子，同時我也使用了Sun Java 2 SDK發(fā)布的com.sun.image.codec.jpegclasses。

數(shù)據(jù)庫設計

假設你在一家從事銷售新鮮水果的公司上班，公司出售的水果包括：蘋果、桔子、葡萄?，F(xiàn)在你的老板想用一個餅狀圖形顯示每一種水果的總出售量，餅狀圖形能使每一種產(chǎn)品的銷售情況一目了然，老板可以迅速掌握公司的產(chǎn)品成交情況。

表A使用了本文中的兩種數(shù)據(jù)庫列表。第一種列表(Products)包含所有銷售產(chǎn)品的名稱；第二種列表(Sales)包含每一種產(chǎn)品對應的銷售量。

Listing A 
Database Design 
--------------- 
p_products table 
---------------- 
productID int (number)　 not null 
productname 　String (varchar) 　not null 
p_sales table
------------- 
saleID 　 int (number) not null 
productID int (number) not null 
amount 　 floatnot null

Listing B
////////////////////////////////////////////////////////////
//Get products from the database as a String array 
////////////////////////////////////////////////////////////
public String[] getProducts() 
{ 
　String[] arr = new String[0];
　Connection con; 
　Statement stmt;
　ResultSet rs; 
　int count = 0; 
　String sql = "select * from p_products order by productID"; 
　try 
　{ 
//Load Driver: Class.forName(driver); 
//Connect to the database with the url 
con = DriverManager.getConnection(dburl , dbuid , dbpwd); 
stmt = con.createStatement();
//Get ResultSet 
rs = stmt.executeQuery(sql);
//Count the records 
while(rs.next())
　{count++;} 
//Create an array of the correct size 
arr = new String[count]; 
//Get ResultSet (the portable way of using rs a second time) 
rs = stmt.executeQuery(sql); 
while(rs.next()) 
{ 
　arr[rs.getInt("productID")] = rs.getString("productname");
}
stmt.close(); 
con.close();
　}
　catch (java.lang.Exception ex)
　{
arr[0] = ex.toString();
　}
　return arr;
}

我設置以下的數(shù)據(jù)庫規(guī)則：

1、ProductID在產(chǎn)品列表中最獨特，也是最關鍵；

2、ProductID對于第一個記錄的值為0；

3、所有之后的連續(xù)的記錄都是累加的，所以第二個記錄的productID為1，第三個記錄的productID為2，以此類推。

這些數(shù)據(jù)庫規(guī)則允許在product數(shù)組中存儲數(shù)據(jù)，如下所示：

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

一些數(shù)據(jù)庫管理系統(tǒng)在缺省情況下就允許數(shù)據(jù)的自動累加或者自動排序。當你在設計數(shù)據(jù)庫時，一定先查明你的數(shù)據(jù)庫管理系統(tǒng)遵循哪些規(guī)則，比如自動累加，自動排序等。

#p#

獲取總銷售量

在多數(shù)情況下，銷售列表中會有很多個記錄，所以訪問數(shù)據(jù)庫的快捷性和高效性顯得非常重要?，F(xiàn)在我們只需要訪問數(shù)據(jù)庫中每一種產(chǎn)品的總額銷售量。
表C中的getSales()方法與數(shù)據(jù)庫連接并返回一個數(shù)組，這個數(shù)組包含每一種產(chǎn)品的總額出售量。

Listing C 

//////////////////////////////////////////////////////////// 
//Get the sales totals from the database 
////////////////////////////////////////////////////////////
public float[] getSales(int products)
{ 
　float[] arr = new float[products];
　Connection con; 
　Statement stmt;
　ResultSet rs; 
　int count = 0;
　String sql = "select productID, amount from p_sales"; 
　try 
　{ 
//Load Driver: 
Class.forName(driver);
//Connect to the database with the url 
con = DriverManager.getConnection(dburl , dbuid , dbpwd); 
stmt = con.createStatement(); 
//Get ResultSet 
rs = stmt.executeQuery(sql);
while(rs.next()) 
{ 
　int product = rs.getInt("productID"); 
　//Check that the productID is valid 
　if (product ＞= 0 && product ＜ products) 
　{
//Add to product total 
arr[product] += rs.getFloat("amount");
count++; 
　}
   } 
stmt.close(); 
con.close();
　}
　catch (java.lang.Exception ex)
　{
arr[0] = -1.0f;
　}
　return arr;
} 

當getSales()遍歷所有的記錄后，它只存儲的是每一種產(chǎn)品新的出售量：

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

pieColor對象

餅狀圖形上的每一種產(chǎn)品應該以不同的顏色顯示。為了達到這一目的，我們建立一個pieColor對象(如表D)所示，這一對象包含有關顏色的數(shù)組：

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

pieColor類定義了一個setNewColor()的方法，這一方法能夠使curPieColor和索引遞增，同時它可以檢查索引不要超過邊界范圍，即采用的方法是：如果curPieColor過大即賦0值。

更有效的是，setNewColor()循環(huán)每一種顏色后，并在第一種顏色下執(zhí)行以下的代碼：

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

RenderingHints和antialiasing類

java.awt.RenderingHints類定義了很多方法以顯示二維圖形，包括alpha_interpolation, 抖動,以及antialiasing方法。RenderingHints有助于決定圖形如何顯示以及圖形如何達到最佳處理。

為了能以平滑顯示，可以使用antialiasing方法來處理餅狀圖形。Antialiasing是一種圖形的平滑處理方法。其算法是選擇一個特殊象素的顏色值并取代交叉處的象素，從而能夠使線條交叉處得到平滑化。

圖A說明了antialiasing方法的效果?？梢钥闯鍪褂胊ntialiasing方法的餅狀圖形的線條交叉處變得很平滑。

圖A

同時，還可以建立一個RenderingHints對象，并傳遞到Graphics2D setRenderingHints()方法，如下所示：

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

制做可調(diào)整的邊界

圖A中的餅狀圖形有一邊界，如何能改變邊界的大小呢？可以先定義int border = 10，然后計算邊界內(nèi)面積的大小而實現(xiàn)：

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整數(shù)代表著要填充的圓弧的左上角的x,y的坐標，width和heigh整數(shù)代表其具體的尺寸。如果width和height的值相等，餅狀圖形將是一個圓。如果width和height不相等，那么餅狀圖形將是一個橢圓。

fillArc()方法決定基于sweepAngle整數(shù)值的圓弧的大小。如果sweepAngle值是正的，則圓弧是以反時針方向繪制，反之以順時針繪制。

繪制圓弧

第一步，使用pieColor對象的getPieColor()方法獲取最近餅狀圓弧的顏色，并把它賦予當前的圓?。?

g2d.setColor(pc.getPieColor());

接著，通過不斷循環(huán)sales[]數(shù)組并使其累加而獲得總共的銷售量：

salesTotal += sales[i]; 

使用總共銷售量，可以計算出每一種產(chǎn)品銷售情況占總共銷售量的百分量：

float perc = (sales[i]/salesTotal); 

我們計算sweepAngle即可給圓弧的每一部分分配度數(shù)：

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

每一部分圓弧畫完之后，startAngle即可根據(jù)當前的sweepAngle遞增。這就確保當前的圓弧部分都是以上一圓弧為開始，從而建立一個完整的餅狀圖形。

顯示圖標

圖標提供了顯示餅狀圖形中各個部分最簡潔的方式。一個圖標的大小應該與餅狀圖形中的占有量相對應。

圖B顯示了一個完整餅狀圖形及其對應各個部分的圖標，包括產(chǎn)品名稱、銷售總量、以及各個部分的占有量。

圖B

總結

本文講述了如何利用JSP繪制餅狀圖形的方法及算法，這些方法及算法簡單而實用，開發(fā)人員可以充分地利用這些方法。

【編輯推薦】

1. 詳解Java EE中SQL語句的自動構造方法
2. 數(shù)據(jù)庫加密技術的功能特性與實現(xiàn)方法
3. JSP頁面中使用FCKeditor控件