mschart控件使用详解文档格式.docx
《mschart控件使用详解文档格式.docx》由会员分享,可在线阅读,更多相关《mschart控件使用详解文档格式.docx(12页珍藏版)》请在冰豆网上搜索。
![mschart控件使用详解文档格式.docx](https://file1.bdocx.com/fileroot1/2023-1/3/159eb4de-651c-478b-a89e-d5fe590baf28/159eb4de-651c-478b-a89e-d5fe590baf281.gif)
Channel2"
].Points.AddXY(t,ch2);
8.
}
复制代码
注:
代码摘自微软的例子,上例中,Chart1为图表的名字,Channel1、Channel2分别表示两个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轴数据,支持一次绑定多个值,以绘制时间、区域、使用量等之类的图形。
绑定数据的流程如下:
2008111015142478.png
(44.03K)
2008-11-1022:
19:
03
大意是,绑定数据里面是否有分组数据需要绑定,如果有,则调用交叉表绑定的方法。
否则判断是否时绑定X轴和Y轴(包括标签、超链接、图例文字等自定义属性),如果是,则调用Points.DataBind方法进行绑定操作。
再判断是否有不同的X轴或Y轴数据,如果有,则分别调用X,Y轴的绑定方法Points.DataBindX,Points.DataBindY进行数据绑定。
最后,再判断是否需要进行多个Y轴值的绑定。
下面分别对几种数据绑定的方法进行一下说明:
1.绑定一张数据表
绑定一张数据表,例如绑定一张普通的数据表,表数据如下:
2008-11-10_214947.gif
(3.24K)
绑定方法的代码:
stringmySelectQuery="
SELECTName,SalesFROMREPS;
"
;
OleDbConnectionmyConnection=newOleDbConnection(myConnectionString);
OleDbCommandmyCommand=newOleDbCommand(mySelectQuery,myConnection);
myCommand.Connection.Open();
OleDbDataReadermyReader=myCommand.ExecuteReader(CommandBehavior.CloseConnection);
Chart1.DataBindTable(myReader,"
Name"
);
myReader.Close();
myConnection.Close();
因为数据源中只有两列Name和Sales,因此在调用Chart1.DataBindTable方法的时候,告诉了图表X轴的名称为Name,因此自动将Sales设置为Y轴的数据了.生成的图形如下:
2008111015495258.png
(17.71K)
如果修改一下Sql语句为:
SELECTName,ID,RegionIDFROMREPS;
其它都不变化,再看看图表是如何处理另外两个字段的,生成的图表如下:
2008111015513437.png
(16.09K)
此时,图表自动将ID,RegionID字段当成了Y值,生成了两个Series,因此每个用户都有两个值,生成的图形也有两个柱状图.
上面是一种动态绑定的方式,有人可能会问了,如果我想确定我要绑定的列,比如:
X轴绑定某个字段,Y轴绑定某个字段如何操作呢?
对于这种绑定,有几种方法可以实现.
第一种:
这种方法可能是很常见的,在原来的.NET编程中出现的机率非常之高,方法如下:
//设置数据源,myDv是一个取出数据集的DataView
chart1.DataSource=myDv;
//分别设置图表的X值和Y值
chart1.Series["
Series1"
].XValueMember="
].YValueMembers="
Sales"
//绑定设置的数据
9.
chart1.DataBind();
第二种:
即直接调用点的绑定方法
//myReader为取得的DataReader对象
Chart1.Series["
].Points.DataBindXY(myReader,"
myReader,"
第三种:
调用DataBind的方法实现
].Points.DataBind(myReader,"
"
上面几种方法得到的效果都是一样的.当然了,上面三种方法需要自己建立Series,要显示两个柱状图,像上面的例子中的图形,那么得手动建立两个Series,然后分别进行上面的绑定操作。
此处说一下Label和Tooltip的绑定方式,要在绑定的图表中显示标签(Label)及提示(Tooltip),可以在绑定的时候,设置绑定的属性.对于上面的第一、二种方法,可以调用如下的方法来设置Label和Tooltip;
例如,两个数据序列名称分别为Series1和Series2,设置代码如下:
].Label="
#VAL"
].Points.DataBind(myDs.Tables[0].DefaultView,"
ID"
Series2"
RegionID"
其中的#VAL是Label和Tooltip的通配符,表示取默认Y轴变量的意思。
具体的详细操作可以参考例程:
ChartFeatures/Labels下面的内容。
以后有空我也写一篇Label的和其它变量的设置吧。
对于第三种调用的绑定则稍微不同,如下:
Label=ID,ToolTip=RegionID"
Label=RegionID,ToolTip=ID"
其实就是利用第三个属性,通过格式化的字符串来设置绑定属性,Label表示标签,ToolTip表示提示信息,Url表示超链接等等。
最后生成的图片如下:
2.绑定一个交叉表
微软的图表控件提供了一个交叉表数据的绑定方法DataBindCrossTable,它可以根据数据动态的生成数据序列(Series),借用官方的例子,数据库的表数据如下:
我们先看看DataBindCrossTable的参数,它有两个重载方法,分别是:
publicvoidDataBindCrossTable(
IEnumerabledataSource,
stringseriesGroupByField,
stringxField,
stringyFields,
stringotherFields,
PointSortOrdersortingOrder
)
以及
stringotherFields
每个参数的含义如下:
dataSource
要绑定的数据源.
seriesGroupByField
要分组统计的数据字段名称,例如按姓名、日期等.
xField
X轴绑定的字段名称.
yFields
Y轴绑定的字段名称,如果需要绑定多个字段,则用逗号将字段名分开.
otherFields
其它数据字段属性,就是上面刚讲的,标签、提示、Url等属性.
sortingOrder
设置数据是正确还是逆序排列.
此时要以统计每个用户的年销售曲线,那么分组统计的字段名应该设置为Name,如下:
Chart1.DataBindCrossTable(
myReader,
"
Year"
Label=Commissions{C}"
用如上的方法绑定,生成的图形如下:
相反,如果要统计用户每年的曲线,则将字段反转一下即可,如下:
这次就先说到这里咯,说几个需要注意的地方:
在进行Y轴数据绑定的时候,如果要绑定多个字段,默认情况会出错,那是因为需要设置Y轴的可保存值数量,设置为你需要保存的数量即可,设置的地点在:
Series-》YValuesPrePoint,设置为你需要显示的个数即可。
在进行DataTable绑定的时候,Label、ToolTip等属性的字段格式化比较困难(otherFields属性),我试了半天,也就试出了一次只能绑定一个字段,因为是和数据集绑定,如果要在标签上增加文字的话,可以使用:
Field{xxxx#xxxx},其中#会替换为相应的文字,例如:
Field的值为45,那么最后的呈现的结果就是:
xxxx45XXXX.
BTW:
有很多东西我自己也在研究中,因此说得不是很完善,希望大家一起研究吧~下次再研究一下数据操作方面的东东以及标签等的显示。
(文/shuncy
(1)介绍MSChart的常用属性和事件
M
SChart的元素组成
最常用的属性包括
ChartAreas:
增加多个绘图区域,每个绘图区域包含独立的图表组、数据源,用于多个图表类型在一个绘图区不兼容时。
AlignmentOrientation:
图表区对齐方向,定义两个绘图区域间的对齐方式。
AlignmentStyle:
图表区对齐类型,定义图表间用以对其的元素。
AlignWithChartArea:
参照对齐的绘图区名称。
InnerPlotPosition:
图表在绘图区内的位置属性。
Auto:
是否自动对齐。
Height:
图表在绘图区内的高度(百分比,取值在0-100)
Width:
图表在绘图区内的宽度(百分比,取值在0-100)
X,Y:
图表在绘图区内左上角坐标
Position:
绘图区位置属性,同InnerPlotPosition。
Name:
绘图区名称。
Axis:
坐标轴集合
Title:
坐标轴标题
TitleAlignment:
坐标轴标题对齐方式
Interval:
轴刻度间隔大小
IntervalOffset:
轴刻度偏移量大小
MinorGrid:
次要辅助线
MinorTickMark:
次要刻度线
MajorGrid:
主要辅助线
MajorTickMark:
主要刻度线
DataSourceID:
MSChart的数据源。
Legends:
图例说明。
Palette:
图表外观定义。
Series:
最重要的属性,图表集合,就是最终看到的饼图、柱状图、线图、点图等构成的集合;
可以将多种相互兼容的类型放在一个绘图区域内,形成复合图。
IsValueShownAsLabel:
是否显示数据点标签,如果为true,在图表中显示每一个数据值
Label:
数据点标签文本
LabelFormat:
数据点标签文本格式
LabelAngle:
标签字体角度
图表名称
Points:
数据点集合
XValueType:
横坐标轴类型
YValueType:
纵坐标轴类型
XValueMember:
横坐标绑定的数据源(如果数据源为Table,则填写横坐标要显示的字段名称)
10.
YValueMembers:
纵坐标绑定的数据源(如果数据源为Table,则填写纵坐标要显示的字段名称,纵坐标可以有两个)
11.
ChartArea:
图表所属的绘图区域名称
12.
ChartType:
图表类型(柱形、饼形、线形、点形等)
13.
Legend:
图表使用的图例名称
Titles:
标题集合。
width:
MSChart的宽度。
height:
MSChart的高度。
常用事件:
Series1.Points.DataBind()
绑定数据点集合,如果要在一个MSChart控件的一个绘图区(ChartArea)内添加多个不同数据源的图表,就用这个主动绑定数据集合的方法。
可以将表中指定字段的值绑定到指定的坐标轴上。
MSChart1.DataBind()
给整个MSChart绑定一个数据源,该MSChart中的图表全部可以使用该数据源作为统计来源
介绍MSChart的常用属性和事件
MSChart的元素组成
图表在绘图区内的高度(百分比,取值在0-100)
图表在绘图区内的宽度(百分比,取值在0-100)
横坐标绑定的数据源(如果数据源为Table,则填写横坐标要显示的字段名称)
纵坐标绑定的数据源(如果数据源为Table,则填写纵坐标要显示的字段名称,纵坐标可以有两个)
给整个MSChart绑定一个数据源,该MSChart中的图表全部可以使用该数据源作为统计来源。
示例:
privatevoidBindGrid()
chart2.Width=800;
chart2.Height=600;
//作图区的显示属性设置
//chart2.ChartAreas["
ChartArea1"
].AxisX.IsMarginVisible=false;
].Area3DStyle.Enable3D=false;
//背景色设置
chart2.ChartAreas["
].ShadowColor=Color.Transparent;
].BackColor=Color.FromArgb(209,237,254);
//该处设置为了由天蓝到白色的逐渐变化
].BackGradientStyle=GradientStyle.TopBottom;
].BackSecondaryColor=Color.White;
//X,Y坐标线颜色和大小
].AxisX.LineColor=Color.FromArgb(64,64,64,64);
].AxisY.LineColor=Color.FromArgb(64,64,64,64);
].AxisX.LineWidth=2;
chart2.ChartAreas