ZedGraph使用（一） 柱形圖

作者：Kevin?? 日期： 2008-12-04? QQ:475762235

關鍵字：ZedGraph、柱形圖、統計圖、C#、繪圖、繪圖控件、WebFrom

內容摘要：

ZedGraph是一個開源的控件，提供了用戶控件和web控件。它可以創建2D的線性圖、條形圖和餅圖。介紹了ZedGraph的主要類和多維數據，論述了如何將ZedGraph控件應用到多維數據圖形顯示中，利用ZedGraph可以簡單、方便地實現了多維數據的可視化。

1 使用ZedGraph創建柱形圖

1.1 準備ZedGraph相關控件

本文主要講的是ZedGraph在?Web頁面上的使用，運用的編程語言為C#。在Web頁面上使用ZebGraph控件，需要用到ZebGraph.dll和ZedGraph.Wed.dll兩個程序集文件。

目前，ZedGraph控件已經出現了很多版本。由于我機器的系統是WinXP的、VS版本是2005的以及環境為Framework 2.0,所以我用的ZedGraph的版本是?VESION-514_464。至于ZedGraph的版本和Framework的版本的兼容問題，我沒有花心思去探討，主要是因為時間緊迫沒來的急，所以請大家多多體諒。

由于ZedGraph控件的代碼是開源的，所以網上有很多網站都提供下載。（你只要打開瀏覽器，輸入百度或者Google等搜索引擎的頁面，在輸入框中輸入“ZedGraph 下載”,然后點擊搜索按鈕或者敲回車鍵，頁面會出現許多關于ZedGraph下載的相關信息，最后，你只需要從正確的頁面上下載就可以了。）

?

1.1 創建和制作測試網站

創建項目文件

步驟：

1．打開VS2005開發工具

2．鼠標單擊新建——>網站

3．選擇你需要的解決方案模板選擇項目存儲路徑和輸入項目名稱，單擊確定

結果如下：



配置環境 （添加ZedGraph組件）

1．在工具欄中添加ZedGraph控件

在控件工具箱中右擊鼠標右鍵——>選擇項——>Com組件——>選擇ZedGraph.dll 和ZedGraph.Web.dll文件——>確定

工具箱中就會出現相應的圖標 ?

2．向Default.aspx頁面中添加ZedGraphWeb控件，結果顯示如下

3．在主目錄下新建文件夾images

4．向Bin目錄中添加ZedGraph.dll和ZedGraph.Web.dll，如下：


編碼

1．簡單屬性設置，在屬性欄中設置

Height(控件高度)：486

Width(寬度)：800

TmpImageDuration(產生臨時文件間隔)：0

RenderedImagePath(臨時文件產生路徑)：~/images/

2．在頁面加載事件中訂閱ZedGraphWeb控件的RenderGraph事件

3．ZedGraphWeb_RenderGraph事件主要編碼

。

。

。

//坐標設置省略

//模擬數據

??????? Random rand = new Random();

??????? PointPairList pointList = new PointPairList();

??????? PointPairList pointList2 = new PointPairList();

PointPairList pointList3 = new PointPairList();

??????? for (int i = 0; i < 7; i++) {

??????? //如果x軸是大小數字的時候，要考慮i值

??????? pointList.Add(i, rand.NextDouble() * 100);

??????? pointList2.Add(i, rand.NextDouble() * 100);

??????? pointList3.Add(i, rand.NextDouble() * 100);

? }

//添加柱狀圖

?????? ?graphPane.AddBar("新客戶", pointList, Color.Black).Bar.Fill = new Fill(Color.Red, Color.White, Color.Red, 0f);

?????? graphPane.AddBar("老客戶", pointList2, Color.Black).Bar.Fill = new Fill(Color.Green, Color.Yellow, Color.Green, 0f);

graphPane.AddBar("新產品", pointList3, Color.Black).Bar.Fill = new Fill(Color.Blue, Color.White, Color.Blue, 0f);

//更新視圖

pane.AxisChange(g);

。

。

。

1.3 運行測試網站

結果如下：

出自： http://user.qzone.qq.com/475762235/blog/1228452239

總結

以上是生活随笔為你收集整理的ZedGraph使用（一） 柱形图的全部內容，希望文章能夠幫你解決所遇到的問題。

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