Chart控件说明

Chart控件说明1 Chart控件说明Chart控件是微软的一款图形化控件，主要是用于做出各种类型的图表。比如：条形图，柱形图，折线图，饼状图，散点图等，实现各种统计功能的需要。在工具箱 数据下面找到Chart控件，直接拖到界面上即可。如下图：1.1 Chart控件常用的属性说明ChartAreas：图表区域。可以理解为是一个图表的绘图区域。比如：你想在一个图上呈现两个不同属性的内容，一个是生产合格率走势图，一个是产品数量图，那么你在一个图表区域同时绘制这两个图，显得有些不太合理。这种情况，可以建立两个ChartArea，一个用于呈现走势，一个用于呈现数量。当然，该控件并不限定有多少个绘图区域，可以根据需要添加。每个绘图区域都有它自己的属性，方法，绑定数据等，各个区域之间互不影响。需要注意的是：ChartArea只表示一个绘图区域，它本身并不包含图形的属性数据等。Series：图表序列。它是整个绘图中最关键的内容，就是实际的绘图数据区域，实际呈现的图形形状，就是由此集合中的每一个图表来构成的，可以往集合里面添加多个图表，每一个图表可以有自己的绘制形状、样式、独立的数据等。每一个图表，你可以指定它的绘制区域（属于哪个ChartArea），让此图表呈现在某个绘图区域，也可以让几个图表在同一个绘图区域叠加。Legends:图表图例。它是用于说明图形的各个线或者各种颜色代表的意思，便于用户理解该图的含义。Titles:标题集合。一个ChartArea上可以添加多个标题，也可设置不同的样式，位置等。DataSource：数据源。用于绑定到Chart控件的数据。Palette：调色板。用于调整显示的颜色样式。1.2 详细属性说明ChartAreas主要属性如下：在Chart控件的属性下可以找到ChartAreas,打开可以看到如下界面，在这里可以设置它的一些属性。AlignmentOrientation：图表区对齐方向，定义两个绘图区域间的对齐方式。AlignmentStyle：图表区对齐类型，定义图表间用以对其的元素。AlignWithChartArea：参照对齐的绘图区名称。InnerPlotPosition：图表在绘图区内的位置属性。Position：绘图区位置属性。Name：绘图区名称。Axes：坐标轴集合坐标轴的一些常用属性：在ChartAreas中提到坐标轴，点开坐标轴集合可以看到坐标轴的一些属性，在这里可以设置坐标轴的一些属性。如下图：Title：坐标轴标题TitleAlignment：坐标轴标题对齐方式Interval：轴刻度间隔大小IntervalOffset：轴刻度偏移量大小MinorGrid：次要辅助线MinorTickMark：次要刻度线MajorGrid：主要辅助线MajorTickMark：主要刻度线Maximum:坐标轴最大值Minimum:坐标轴最小值Series的主要属性：IsValueShownAsLabel：是否显示数据点标签，如果为true，在图表中显示每一个数据值Label：数据点标签文本LabelFormat：数据点标签文本格式LabelAngle：标签字体角度Name：数据序列名称Points：数据点集合XValueMember：横坐标绑定的数据源（如果数据源为Table，则填写横坐标要显示的字段名称）YValueMembers：纵坐标绑定的数据源（如果数据源为Table，则填写纵坐标要显示的字段名称，纵坐标可以有两个）ChartArea：图表所属的绘图区域名称ChartType：图表类型（柱形、饼形、线形、点形等）Legend：图表使用的图例名称1.3 代码示例我们在开发中用到的主要就是图表的标题，图表的类型，图表的数据绑定，坐标轴数据间隔，坐标轴刻度间隔，在图上是否显示数据以及图例等；如果全部通过属性设置，可以写很少的代码甚至可以不用写。但是有时候图表类型复杂多变，直接设置属性不能满足全部的需要，因此可以在代码中去写这些。在代码中去写，首先拖一个Chart控件到界面上，不需要设置任何属性，主要代码如下：(以折线图为例)：chart.Series0.IsVisibleInLegend = true; /设置是否显示图例，如果在初始化加载的时候设置不显示，在显示的时候加上这句即可/如果图形添加多个Serie，每次加载的时候它都会添加，会有重复吗，因此我们需要只需要一个就可以了，下面的代码是写在添加Series之前的，保留控件初始的第一个Seriefor (int i = chart.Series.Count - 1; i 0; i-) chart.Series.Remove(chart.Seriesi);chart.Titles.Clear(); /标题也是一个集合，可同时添加多个标题，如主标题，副标题等，如果只有一个标题，先清除Titles，再添加，不然会有多个chart.Titles.Add(123); /添加标题chart.ChartAreas0.AxisX.IntervalAutoMode = IntervalAutoMode.VariableCount; /坐标轴自动轴间隔模式，包含两个值，一个是FixedCount表示始终在轴上创建固定的间隔数，另一个是VariableCount表示轴间隔数取决于轴长度chart.ChartAreas0.AxisX.Title = X轴; /X轴标题chart.ChartAreas0.AxisY.Title = Y轴; /Y轴标题chart.Series0.Color = Color.Red; /图形显示的颜色chart.Series0.ChartType = SeriesChartType.Line;/图表类型，不同的图表使用不同类型即可chart.Series0.Points.DataBindXY(x, y1);/绑定数据，此时的x,y1是两个数组chart.Series0.Name = 123;/ 设置Serie的名称chart.Series0.LegendText = ABC; /设置图例文本chart.Series0.IsValueShownAsLabel = true;/是否在图上显示数据chart.ChartAreas0.AxisX.ArrowStyle = AxisArrowStyle.Lines;/X轴箭头chart.ChartAreas0.AxisY.ArrowStyle = AxisArrowStyle.Lines;/Y轴箭头如下图所示：需要注意的是：当前看到的图并不是从最左侧列开始的，如果需要从最左侧开始显示，在代码中加入 chart.ChartAreas0.AxisX.Minimum = 1;便可以从最左侧显示了。对于数据绑定，我们常用的是：DataBindXY，直接把X,Y的数据绑定。此外还可以分开来绑定，比如：DataBindY, 它是将数据点的 Y 值绑定到指定数据源的指定列的数据。根据需要选择数据绑定方法即可。饼状图的数据绑定和其他类型的图形数据绑定方式是一样的，但是它的图例显示方式和其他类型的是不一样的，比如饼状图chart.Series0.P