chart图表

Bertha 。 2022-01-27 15:39 380阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jhb2JpbmdqaQ_size_16_color_FFFFFF_t_70]  
三个属性ChartAreas、Series、Legends是最为核心的三个  
ChartAreas：  
绘图区域的添加——三种方法：  
在拖动一个Chart控件到窗体中去的时候，会默认有一个Name=“ChartArea1"的对象，它是ChartArea类的一个实例。  
1直接通过操作属性：直接点击添加，会依次按照ChartArea2这样添加下去，也可以修改名字  
2chart1.ChartAreas.Add(“ChartArea2”);当然可以起一个其它的名字  
3

ChartArea area2=new ChartArea(“ChartArea2”)；
    chart1.ChartAreas.Add(area2);

绘图区对象的获取方法  
1通过绘图区名字获取：chart1.ChartAreas\[“ChartArea1”\].属性或方法  
2通过下标索引获取： chart1.ChartAreas\[0\].属性或方法  
ChartArea 属性：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jhb2JpbmdqaQ_size_16_color_FFFFFF_t_70 1]  
AlignmentOrientation：图表区对齐方向，定义两个绘图区域间的对齐方式，默认为Vertical。  
AlignmentStyle：图表区对齐类型，定义图表间用以对其的元素  
AlignWithChartArea：参照对齐的绘图区名称  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jhb2JpbmdqaQ_size_16_color_FFFFFF_t_70 2]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jhb2JpbmdqaQ_size_16_color_FFFFFF_t_70 3]  
InnerPlotPosition：图表在绘图区内的位置属性  
![在这里插入图片描述][20190527104318969.png]  
Position：绘图区位置属性，选项如同InnerPlotPosition  
![在这里插入图片描述][20190527104332625.png]  
Axes：坐标轴集合-非常重要的部分，可分别设置X轴(X axis)，Y轴(Y axis)，第二X轴(SecnondaryX axis)和第二Y轴(Secnondary Y axis)，常用的属性包括：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jhb2JpbmdqaQ_size_16_color_FFFFFF_t_70 4]  
Series属性  
Series，应该是整个绘图中最关键的内容了，通俗点说，即是实际的绘图数据区域，实际呈现的图形形状，简单点说，以折线图为例，每个Series就是一条线，每一条线都有自己的绘制形状、样式、独立的数据等。需要注意的是，每一个Series，你可以指定它的绘制区域（即把哪个Series画在哪个ChartArea），一般情况下，如果不自己再添加绘图区域ChartArea，则所有的Series会画在同一个ChartArea。  
Series的添加：  
1通过属性设置面板添加，默认情况下里面已经有了一个Series1存在了，它是 Series 类型的实例.  
2通过代码添加。chart1.Series.Add(“Series2”);  
3直接创建一个Series对象

Series series2 = new Series("Series2");
                      chart1.Series.Add(series2);

Series对象的属性和方法获取  
1通过绘图区名字获取：chart1.Series\[“Series1”\].属性或方法。  
2通过下标索引获取： chart1.Series\[0\].属性或方法。  
图表Series一些常见的一些属性  
ChartArea：图表所属的绘图区域名称  
ChartType：图表类型（柱形、饼形、线形、点形、折线图等，有多达几十种之多）  
IsValueShownAsLabel：是否显示数据点标签，如果为true，在图表中显示每一个数据值  
Label：数据点标签文本  
LabelFormat：数据点标签文本格式  
LabelAngle：标签字体角度  
Legend：当前数据系列（图表）使用的图例名称  
Name：数据系列的名称  
Palette：数据系列（图表）外观定义  
Points：数据点集合，构成数据系列的点  
XValueMember：横坐标绑定的数据源  
XValueType：横坐标数字的类型，默认为auto，即根据传入的数据自动规定类型  
YValueMembers：纵坐标绑定的数据源  
YValueType：纵坐标数字的类型默认为auto，即根据传入的数据自动规定类型  
XAxisType:只是所要使用的坐标轴是主坐标还是副坐标，它有两个取值，Primary和Sencondary  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jhb2JpbmdqaQ_size_16_color_FFFFFF_t_70 5]  
Series属性的“ 数据绑定 ”方式。——上面的Points是“ 核心 ”  
因为points是集合，故而具有集合的相关性质，Points是一个DataPointCollection类型的集合属性.  
要给每一个Series绑定数据，主要用到以下三个方法：  
DataBind  
DataBindXY  
DataBindY  
chart1.Series\[“Series1”\].Points.DataBindXY(x, y); 即绑定了一组 X,Y到一个Series  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jhb2JpbmdqaQ_size_16_color_FFFFFF_t_70 6]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jhb2JpbmdqaQ_size_16_color_FFFFFF_t_70 7]  
Legends属性  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jhb2JpbmdqaQ_size_16_color_FFFFFF_t_70 8]  
Alignment:对齐方式  
AutoFitMinFontSize:当IsTextAutoFit为true时，显示的最小字体  
BackColor:背景颜色，当本身的绘图区域有背景时，将其设置为transparent效果更佳  
enabled:是否显示图例  
IsTextAutoFit:文字大小根据图例区域的大小自动调整  
Position:图例出现的位置

--------------------

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jhb2JpbmdqaQ_size_16_color_FFFFFF_t_70]: /images/20220127/e1222bf11e9c48dd820804f19e3cc214.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jhb2JpbmdqaQ_size_16_color_FFFFFF_t_70 1]: /images/20220127/8a3ba8715d194d1590158cf316aea8c0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jhb2JpbmdqaQ_size_16_color_FFFFFF_t_70 2]: /images/20220127/5574b9439d324b1483b4b46924511b22.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jhb2JpbmdqaQ_size_16_color_FFFFFF_t_70 3]: /images/20220127/96d3b984bcfd4ae3a4f73a24768bda9b.png
[20190527104318969.png]: /images/20220127/71106b467679449097a84f574e8999bf.png
[20190527104332625.png]: /images/20220127/63ae1ac5b5e14461a7a47faa54ccc3b7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jhb2JpbmdqaQ_size_16_color_FFFFFF_t_70 4]: /images/20220127/91cb23412ee945149c1c175b63e568a8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jhb2JpbmdqaQ_size_16_color_FFFFFF_t_70 5]: /images/20220127/7a762c99a2024f329a29684dec67489f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jhb2JpbmdqaQ_size_16_color_FFFFFF_t_70 6]: /images/20220127/0880646e0f5d463f82e4acca9b51bdc0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jhb2JpbmdqaQ_size_16_color_FFFFFF_t_70 7]: /images/20220127/99ca9dbb550d424584e386582afa7822.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jhb2JpbmdqaQ_size_16_color_FFFFFF_t_70 8]: /images/20220127/32eaab4c255841fb829f9d214861ea36.png