Chart控件说明.pdf

《Chart控件说明.pdf》由会员分享，可在线阅读，更多相关《Chart控件说明.pdf（5页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、1 Chart 控件说明1 Chart控件说明Chart 控件是微软的一款图形化控件，主要是用于做出各种类型的图表。比如：条形图，柱形图，折线图，饼状图，散点图等，实现各种统计功能的需要。在工具箱 数据下面找到Chart 控件，直接拖到界面上即可。如下图：Chart控件常用的属性说明ChartAreas：图表区域。可以理解为是一个图表的绘图区域。比如：你想在一个图上呈现两个不同属性的内容，一个是生产合格率走势图，一个是产品数量图，那么你在一个图表区域同时绘制这两个图，显得有些不太合理。这种情况，可以建立两个ChartArea，一个用于呈现走势，一个用于呈现数量。当然，该控件并不限定有多少个绘图

2、区域，可以根据需要添加。每个绘图区域都有它自己的属性，方法，绑定数据等，各个区域之间互不影响。需要注意的是：ChartArea 只表示一个绘图区域，它本身并不包含图形的属性数据等。Series：图表序列。它是整个绘图中最关键的内容，就是实际的绘图数据区域，实际呈现的图形形状，就是由此集合中的每一个图表来构成的，可以往集合里面添加多个图表，每一个图表可以有自己的绘制形状、样式、独立的数据等。每一个图表，你可以指定它的绘制区域（属于哪个ChartArea），让此图表呈现在某个绘图区域，也可以让几个图表在同一个绘图区域叠加。Legends:图表图例。它是用于说明图形的各个线或者各种颜色代表的意思，便

3、于用户理解该图的含义。2 Titles:标题集合。一个ChartArea 上可以添加多个标题，也可设置不同的样式，位置等。DataSource：数据源。用于绑定到Chart 控件的数据。Palette：调色板。用于调整显示的颜色样式。详细属性说明ChartAreas主要属性如下：在 Chart 控件的属性下可以找到ChartAreas,打开可以看到如下界面，在这里可以设置它的一些属性。AlignmentOrientation：图表区对齐方向，定义两个绘图区域间的对齐方式。AlignmentStyle：图表区对齐类型，定义图表间用以对其的元素。AlignWithChartArea：参照对齐的绘图

4、区名称。InnerPlotPosition：图表在绘图区内的位置属性。Position：绘图区位置属性。Name：绘图区名称。Axes：坐标轴集合坐标轴的一些常用属性：3 在 ChartAreas中提到坐标轴，点开坐标轴集合可以看到坐标轴的一些属性，在这里可以设置坐标轴的一些属性。如下图：Title：坐标轴标题TitleAlignment：坐标轴标题对齐方式Interval：轴刻度间隔大小IntervalOffset：轴刻度偏移量大小MinorGrid：次要辅助线MinorTickMark：次要刻度线MajorGrid：主要辅助线MajorTickMark：主要刻度线Maximum:坐标轴最大

5、值Minimum:坐标轴最小值Series 的主要属性：IsValueShownAsLabel：是否显示数据点标签，如果为true，在图表中显示每一个数据值Label：数据点标签文本LabelFormat：数据点标签文本格式LabelAngle：标签字体角度Name：数据序列名称Points：数据点集合4 XValueMember：横坐标绑定的数据源（如果数据源为Table，则填写横坐标要显示的字段名称）YValueMembers：纵坐标绑定的数据源（如果数据源为Table，则填写纵坐标要显示的字段名称，纵坐标可以有两个）ChartArea：图表所属的绘图区域名称ChartType：图表类型（

6、柱形、饼形、线形、点形等）Legend：图表使用的图例名称代码示例我们在开发中用到的主要就是图表的标题，图表的类型，图表的数据绑定，坐标轴数据间隔，坐标轴刻度间隔，在图上是否显示数据以及图例等；如果全部通过属性设置，可以写很少的代码甚至可以不用写。但是有时候图表类型复杂多变，直接设置属性不能满足全部的需要，因此可以在代码中去写这些。在代码中去写，首先拖一个Chart 控件到界面上，不需要设置任何属性，主要代码如下：(以折线图为例)：0.IsVisibleInLegend=true;=;=X轴;=Y轴;olor=;hartType=;x,y1);ame=123;egendText=ABC;sVa

7、lueShownAsLabel=true;=;=;=1;便可以从最左侧显示了。对于数据绑定，我们常用的是：DataBindXY，直接把 X,Y的数据绑定。此外还可以分开来绑定，比如：DataBindY,它是将数据点的 Y 值绑定到指定数据源的指定列的数据。根据需要选择数据绑定方法即可。饼状图的数据绑定和其他类型的图形数据绑定方式是一样的，但是它的图例显示方式和其他类型的是不一样的，比如饼状图0.(x,y);其中 x，y分分别为：string x=a,5 b,c,d;int y=12,45,15,18;其图例的显示应该这样写：0.LegendText=0.XValueMember;显示效果如下图：