在C#+SQL Server數據庫做系統中,通常需要對數據庫中的數據進行繪制圖形報表方便經理查看,雖然有很多實用的水晶報表控件和圖表控件實現該功能,但我還是想講講如何使用GDI繪制簡單的柱狀圖.(推薦大家不要手畫,盡量使用已有控件函數繪制)

一.前言

我們在使用C#+SQL Server做的簡單應用系統是一個手機銷售的系統,所以它有不同手機品牌和不同年份銷售手機的利潤和數量的柱狀圖,方便公司經理查看那個月和那種品牌手機銷售更好,方便進貨增加企業利潤.其中它點擊"輸入年份",查看"2013"年的銷售柱狀圖數據如下所示:(其實效果還行)

二.繪制坐標

下面就首先講述如何使用GDI+繪制簡單的柱狀圖,首先上面圖中我定義為是靜態柱狀圖,因為它X(橫坐標)只有12個月份的數據,不會改變,而后面講解的我定義的動態柱狀圖會根據手機品牌動態更新數據的,后面將介紹.
首先第一步需要繪制坐標,創建一個"C# Windows窗體應用程序",添加一個簡單的button.然后雙擊button,進入button1_Click(object sender, EventArgs e)事件.添加如下代碼.

//定義變量 Graphics graphic; //GDI+繪圖圖面 SolidBrush Bfill = new SolidBrush(Color.Black); //定義單色畫刷用于填充圖形 Pen Rpen = new Pen(Color.Red, 3); //創建紅色畫筆 //該函數用于繪制坐標 private void CreateTable() {graphic = this.CreateGraphics(); Rectangle rect = new Rectangle(120, 20, 380, 300); //繪制黑色背景graphic.FillRectangle(Bfill, rect); //填充這個矩形//Y坐標 (150,40)不變graphic.DrawLine(Rpen, new Point(150, 40), new Point(150, 300)); //Y坐標graphic.DrawLine(Rpen, new Point(150, 40), new Point(140, 50)); //Y坐標 左箭頭graphic.DrawLine(Rpen, new Point(150, 40), new Point(160, 50)); //Y坐標 右箭頭 //X坐標 (470,300)不變graphic.DrawLine(Rpen, new Point(150, 300), new Point(470, 300)); //X坐標 graphic.DrawLine(Rpen, new Point(460, 290), new Point(470, 300)); //X坐標 上箭頭graphic.DrawLine(Rpen, new Point(460, 310), new Point(470, 300)); //X坐標 下箭頭 }

在private void button1_Click(object sender, EventArgs e)事件中增加"CreateTable();"代碼即可點按鈕時擊創建坐標,如圖:

它具體的坐標如下圖所示,其中Rectangle(120, 20, 380, 300)對應Rectangle(int x, int y, int width, int height)表示一個矩形對用起始位置和長寬;使用graphic.DrawRectangle是繪制一個空心的矩形,而graphic.FillRectangle(畫刷,矩形)對矩形進行填充.使用graphic.DrawLine(Pen,Point1,Point2)表示畫筆,起始坐標xy,終止坐標xy,是繪制直線,其中在繪制箭頭需要注意它的相應坐標.其實在草稿紙上設計好在繪制,感覺還是很方便的.

注意:在C#中load事件中是不能畫圖的,因為Windows的GDI必須在擁有屏幕資源的時候才能有效,FormLoad時窗體還沒有繪圖資源,所以不能畫出.在窗體創建完成后如果再調用FormLoad時間就可以繪制圖形.所以我是在點擊按鈕時創建坐標.

三.靜態的柱狀圖

?下面是繪制靜態的柱狀圖,它的運行效果如下圖所示,繪制了12個等高的柱狀圖:

它的源代碼如下,通過調用DrawTable()繪制靜態的圖形.為什么我定義它為靜態的后面將介紹:

//定義變量 Brush Bbrush = Brushes.Blue; //創建藍色畫刷 文字 Font myFont = new Font("黑體", 12); //創建字體 Font tFont = new Font("宋體", 8); //創建字體 顯示在直方圖上的數量 SolidBrush Wfill = new SolidBrush(Color.White); //定義單色畫刷用于填充圖形 //該函數用于繪制靜態報表 private void DrawTable() { //輸出文字graphic.DrawString("月份", myFont, Bbrush, new RectangleF(115, 280, 40, 40));graphic.DrawString("月份銷售數量", myFont, Bbrush, new RectangleF(260, 40, 200, 40));//繪制月份 12個for (int i = 1; i <= 12; i++){graphic.DrawString(i.ToString(), myFont, Bbrush, 155 + (i-1) * 26, 300); }//定義繪制柱狀圖坐標|寬|高int x, y, width, heigh;x = 160; //X坐標定值=160 Y軸的x坐標為150width = 13; //width坐標=(470-150)/(12*2)=13heigh = 200; //X軸y坐標=300 heigh=200y = 100; //Y坐標 y=300-200 for (int i = 0; i < 12; i++){//填充圖形Rectangle rect = new Rectangle(x+i*26, y, width, heigh); graphic.FillRectangle(Wfill, rect); //顯示數量graphic.DrawString("100", tFont, Brushes.Yellow, x + i * 26, y - 15);} }

這里的有幾個地方需要注意,其中26=(470-150)/12表示把X軸分成12個等分,其中每個等分寬為26,再在每個等分繪制一半13的白色矩形.如下圖:

?

四.動態的柱狀圖

如果動態顯示的柱狀圖,就是獲取數據庫中具體的數量,在進行繪制圖形的基本過程為定義:int num[12]分別記錄12個月份中的銷售數量,在sumNum+=num[i];計算12個月總的銷售數量,通過百分比計算具體的每個月的高度,這樣的好處在于當其中一個月的銷售數量很大時,會出現那個矩形很高,超出界面范圍.
num[i]/sumNum=具體高度/總高度(其中總高度我們在上面設置為heigh=200)
同樣,如果在做品牌銷售業績時,如下圖所示:

這是銷售3中品牌手機"諾基亞"、"三星"、"蘋果"的情況,如果想增加一個新的品牌"HTC"時,這是就會顯示4條柱狀圖,因此也需要動態的生成.我們已經求出了它的總寬度為(470-150)=320,再通過320/具體的品牌數量,即可平均分配每個品牌的數量,再求出具體的坐標即可.
分享文章:http://www.cnblogs.com/stg609/archive/2008/03/30/1129221.html
最后補充下獲取數據庫品牌的代碼：

//獲取手機品牌信息 (靜態生成5個品牌) private void SelectName() {string sql = "select * from SellList";string consqlserver = "Data Source=.;Initial Catalog=TelephoneMS;Integrated Security=True;";SqlConnection con = new SqlConnection(consqlserver); //定義SQL Server連接對象 SqlDataAdapter da = new SqlDataAdapter(sql, con); //數據庫命令和數據庫連接con.Open();DataSet ds = new DataSet(); //聲明一個DataSet對象da.Fill(ds); //裝入數據//清零for (int i = 0; i < 5; i++) {price[i] = 0;num[i] = 0;}try{//獲取實際銷售價格總和for (int i = 0; i < ds.Tables[0].Rows.Count; i++){if (ds.Tables[0].Rows[i]["phonename"].ToString() == "諾基亞"){//利潤 = 實際銷售價格 - 進貨價格price[0] += float.Parse(ds.Tables[0].Rows[i]["sellmoney"].ToString()) -float.Parse(ds.Tables[0].Rows[i]["price"].ToString());num[0]++;}else if (ds.Tables[0].Rows[i]["phonename"].ToString() == "iphone"){price[1] += float.Parse(ds.Tables[0].Rows[i]["sellmoney"].ToString()) -float.Parse(ds.Tables[0].Rows[i]["price"].ToString());num[1]++;}else if (ds.Tables[0].Rows[i]["phonename"].ToString() == "三星"){price[2] += float.Parse(ds.Tables[0].Rows[i]["sellmoney"].ToString()) -float.Parse(ds.Tables[0].Rows[i]["price"].ToString());num[2]++;}else if (ds.Tables[0].Rows[i]["phonename"].ToString() == "HTC"){price[3] += float.Parse(ds.Tables[0].Rows[i]["sellmoney"].ToString()) -float.Parse(ds.Tables[0].Rows[i]["price"].ToString());num[3]++;}else if (ds.Tables[0].Rows[i]["phonename"].ToString() == "OPPO"){price[4] += float.Parse(ds.Tables[0].Rows[i]["sellmoney"].ToString()) -float.Parse(ds.Tables[0].Rows[i]["price"].ToString());num[4]++;}}}catch (Exception msg){MessageBox.Show(msg.Message);}finally{con.Close();con.Dispose();da.Dispose();} }

總結:回想起來使用GDI+繪制柱狀圖,確實很蛋疼,也就沒繼續貼上代碼了有具體的控件卻不用,但我還是希望該文章對那些不知道在做使用C#做系統中如何生成柱狀圖報表的有幫助(盡量使用已有的控件).
如果知道如何使用Dundas Chart for .NET\ReportViewer\FormCrystal等制作報表的就當該文章簡單幫助你回顧一些GDI+的知識吧!如果文章中有錯誤或不足的地方,見諒!
(BY:Eastmount 2013-9-14 夜1點http://blog.csdn.net/eastmount/)

總結

以上是生活随笔為你收集整理的C# 数据库系统中使用GDI+绘制柱状图的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。