ZedGraph使用（一） 柱形圖

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

關(guān)鍵字：ZedGraph、柱形圖、統(tǒng)計圖、C#、繪圖、繪圖控件、WebFrom

內(nèi)容摘要：

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

1 使用ZedGraph創(chuàng)建柱形圖

1.1 準(zhǔn)備ZedGraph相關(guān)控件

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

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

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

?

1.1 創(chuàng)建和制作測試網(wǎng)站

創(chuàng)建項目文件

步驟：

1．打開VS2005開發(fā)工具

2．鼠標(biāo)單擊新建——>網(wǎng)站

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

結(jié)果如下：



配置環(huán)境 （添加ZedGraph組件）

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

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

工具箱中就會出現(xiàn)相應(yīng)的圖標(biāo) ?

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

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

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


編碼

1．簡單屬性設(shè)置，在屬性欄中設(shè)置

Height(控件高度)：486

Width(寬度)：800

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

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

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

3．ZedGraphWeb_RenderGraph事件主要編碼

。

。

。

//坐標(biāo)設(shè)置省略

//模擬數(shù)據(jù)

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

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

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

PointPairList pointList3 = new PointPairList();

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

??????? //如果x軸是大小數(shù)字的時候，要考慮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("新產(chǎn)品", pointList3, Color.Black).Bar.Fill = new Fill(Color.Blue, Color.White, Color.Blue, 0f);

//更新視圖

pane.AxisChange(g);

。

。

。

1.3 運(yùn)行測試網(wǎng)站

結(jié)果如下：

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。