龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > asp.net编程 >

免费图表控件MsChart教程系列之实例操作数据绑定(交叉表)应用

时间:2009-12-21 11:47来源:未知 作者:admin 点击:
分享到:
在.NET 3.5下可以使用免费图表控件MsChart,是微软出品的,需要安装到VS2008环境中使用。这工具给图形统计和报表图形显示提供了很好的解决办法,下面我们一起来分享这强大的图形工具

在.NET 3.5下可以使用免费图表控件MsChart,是微软出品的,需要安装到VS2008环境中使用。这工具给图形统计和报表图形显示提供了很好的解决办法,下面我们一起来分享这强大的图形工具吧。

推荐第一篇:

免费图表控件MsChart教程系列之下载MsChart安装到VS2008环境
http://www.xueit.com/html/2009-11-29/21-180296287878.html

本文中基本上只会写出最简单常用的功能,复杂的数据操作请参考微软详细的例程)

一.数据源   
  说到绘制图表,可能很多人的第一反应除了是图表呈现的方式外,更关心的便是数据如何添加,记得在很多年前,哪时要绘制一个数据曲线图,一直找不到好的呈现方式,后来使用了SVG的绘图模式,不过在添加数据的时候可谓吃尽了苦头,毕竟,SVG只是一种描述语言,要动态的实现一个图表的绘制,是非常困难的.对于微软的图表控件,数据添加是一件很简单的方式,它支持多种数据添加方式,如:

•可以在图表的设计界面,在属性设置窗口中的Series属性下的Points中添加需要的数据.
•可以在图表的设计界面中,在属性中绑定一个数据源.
•可以在后台代码中,动态添加数据.
•可以在后台代码中设置一个或多个数据源,直接绑定到图表中.
  在此处,我只着重讲解一下第3,4两点.对于第3点,相对来说比较简单,在后台代码中,找到要添加代码的Series,通过它下面Points的Add、AddXY、AddY等方法,即可以实现数据的添加.例如:

Code [http://www.xueit.com]
double t;
for(t = 0; t <= (2.5 * Math.PI); t  = Math.PI/6)
{
    double ch1 = Math.Sin(t);
    double ch2 = Math.Sin(t-Math.PI/2);
    Chart1.Series["Channel 1"].Points.AddXY(t, ch1);
    Chart1.Series["Channel 2"].Points.AddXY(t, ch2);
}

(注:代码摘自微软的例子,上例中,Chart1为图表的名字,Channel 1、Channel 2分别表示两个Series数据序列)
二.绑定数据
先来看看图表控件都支持什么类型的数据绑定,根据官方文档的说法,只要是实现了IEnumerable接口的数据类型,都可以绑定到图表控件中,例如:DataView, DataReader, DataSet, DataRow, DataColumn, Array, List, SqlCommand, OleDbCommand, SqlDataAdapter, 及OleDbDataAdapter对象。
对于开发来说,最常用的还是DataView、DataReader、DataSet、DataRow、Array、List这几种类型了,有几点需要注意一下:
•图表控件支持多数据源的绑定,例如:X轴绑定一个数据集ds1,Y轴可以绑定另一个数据集ds2,当然也可以是X轴绑定到一个List数据对象,Y轴绑定到一个DataView对象等等。
•图表控件的绑定方式一般有两种,常规绑定及交差表的绑定。
•图表控件的Y轴数据,支持一次绑定多个值,以绘制时间、区域、使用量等之类的图形。
绑定数据的流程如下:

大意是,绑定数据里面是否有分组数据需要绑定,如果有,则调用交叉表绑定的方法。否则判断是否时绑定X轴和Y轴(包括标签、超链接、图例文字等自定义属性),如果是,则调用Points.DataBind方法进行绑定操作。再判断是否有不同的X轴或Y轴数据,如果有,则分别调用X,Y轴的绑定方法Points.DataBindX,Points.DataBindY进行数据绑定。最后,再判断是否需要进行多个Y轴值的绑定。
下面分别对几种数据绑定的方法进行一下说明:

1.绑定一张数据表
绑定一张数据表,例如绑定一张普通的数据表,表数据如下:

IDNameRegionIDSales
1 Aaron 1 10440
2 Larry 2 17772
3 Andrew 3 23880
4 Mary 1 7663
5 Sally 4 21773
6 Nguyen 2 32294
7 Francis 4 11983
8 Jerry 3 14991
REPS

绑定方法的代码:

Code [http://www.xueit.com]
Codestring mySelectQuery="SELECT Name, Sales FROM REPS;";
OleDbConnection myConnection = new OleDbConnection(myConnectionString);
OleDbCommand myCommand = new OleDbCommand(mySelectQuery, myConnection);
myCommand.Connection.Open();
OleDbDataReader myReader = myCommand.ExecuteReader(CommandBehavior.CloseConnection)
;Chart1.DataBindTable(myReader, "Name");
myReader.Close();
myConnection.Close();


精彩图集

赞助商链接