地下室的流星雨
看一个人是否聪明看他的答案;看一个人是否有智慧看他的问题。

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 运行测试网站
结果如下:

 


 

posted on 2010-07-05 17:38  地下室的流星雨  阅读(823)  评论(0编辑  收藏  举报