在ASP.NET頁面中實現數據棒圖
棒圖有時又稱為"Bar"圖。在我的上一篇文章《在ASP.NET實現數據圖表》中已經介紹了在瀏覽器看到的圖表,一般都是圖片文件。那么在ASP.NET中是否也可以生成這些圖表?答案是肯定的,因為在ASP.NET中擁有了一個新功能--繪圖功能,通過此功能就能夠按照要實現的圖表的模樣來繪制,最后在客戶端的瀏覽器中形成一個圖片,從而顯示出圖表來。
本文就在上一篇文章的基礎上,進一步介紹在ASP.NET頁面中實現Bar圖的具體方法。希望本篇文章不僅能夠讓您領會到ASP.NET中強大的繪圖功能,更希望能夠彌補上一篇文章的一個缺憾,就是上一篇實現的圖表的數據來自固定數值,而我們知道圖表只有在和數據庫關聯以后,才能夠顯示出更強大的優勢。下面就來介紹在ASP.NET頁面中從數據庫中提起數據,并以此數據形成Bar圖的具體實現方法。
一.本文程序設計和運行的軟件環境:
(1).微軟公司視窗2000服務器版。
(2).Visual Studio .Net正式版,.Net FrameWork SDK版本號3705。
(3).MDAC 2.6(Microsoft Data Acess Component)以上版本。
二.建立數據源
為了方便起見,本文選擇的數據庫類型為本地數據庫--Access 2000,如果你使用的是其他數據庫類型,只需對下面介紹的程序中的關于數據庫連接的代碼進行相應的修改就可以了。Access數據庫名稱為"db.mdb",在此數據庫中只定義了一張數據表"Table01",此表的結構如表01所示:
字段名稱 | 類型 | 說明 |
ID | 自動編號 | 主鍵 ,遞增 |
YF | 數字 | 銷售月份 |
SL | 數字 | 銷量 |
在定義完"db.mdb"數據庫中的"Table01"數據表后,在Table01數據表中按照表02所示添加記錄:
ID | YF | SL |
1 | 1 | 12 |
2 | 2 | 5 |
3 | 3 | 7 |
4 | 4 | 20 |
5 | 5 | 16 |
6 | 6 | 10 |
7 | 7 | 19 |
8 | 8 | 8 |
9 | 9 | 7 |
10 | 10 | 13 |
11 | 11 | 11 |
12 | 12 | 15 |
在Table01數據表中添加完這12條記錄后,保存"db.mdb"數據庫到C盤的根目錄中。