C# Chart控件,chart、Series、ChartArea曲线图绘制的重要属性

时间:2022-01-04 03:32:56

先简单说一下,从图中可以看到一个chart可以绘制多个ChartArea,每个ChartArea都可以绘制多条Series。ChartArea就是就是绘图区域,可以有多个ChartArea叠加在一起,series是画在ChartAarea上的,Series英文意思是“序列、连续”,其实就是数据线,它可以是曲线、点、柱形、条形、饼图...可以注意该chart当数据非常多的时候可以通过鼠标选择查看区域,进一步拖拽横纵向滚动条来缩小曲线图查看。

代码中的Chart控件的命名是chartData,数据源是dt,由于chart属性太多,不好一一解释,所以请仔细看截图,尤其重视本例用到的属性

一、数据源:

    数据返回方式是DataSet.Tables[0],即DataTable,也是最基本的数据源方式。这里只介绍DataTable绑定数据源,很简单:

chartData.DataSource = dt;
                chartData.DataBind();

二、Series:
    Series是画在ChartArea上的线、点、柱形、条形、饼图,简单点儿说就是画在上面的数据,直接说属性,

 1. “标记”:就是数据点,某个数据值的点。如下图所示:



               MarkerBorderColor    数据点边框的颜色

MarkerBorderWidth    数据点边框的宽度

MarkColor            数据点的颜色
               MakerSize            数据点的大小,默认值为0数据点不存在,建议代码控制

MarkerStep           数据点显示的频率

MarkerStyle          数据点的样式,可以是方块、圆圈、三角、叉子....

 2. “标签”:就是现在是在数据点旁边数据值        


            IsValueShownAsLabel                    数据值是否显示,建议代码控制

SmartLabelStyle                        数据值样式

SmartLabelStyle.Enabled                直接控制可用不可用,建议不可用

SmartLabelStyle.AllowOutsidePloArea    数据值显示是否允许在外面

其他属性自己试吧

注意:如果要使用SmartLabelStyle的话,所有的数据点的值都会自动找位置显示出来,如果某一个区域数据点较多,就会直线指示;如果不用的话,数据点的值会在数据点旁边显示,不会有直线。如下图所示也可以看到AllowOutsidePlotArea的区别:


3. “Font”:数据标签上的字体和样式


                     Font                      标签字体设置

                     Font.Unit                 个人设置此值为Document,自己体会

                     LabelAngle                标签角度,斜多少度,建议就正着

                     LabelBackColor            标签背景颜色

                     LabelBorderColor          标签边框颜色

                     LabelBorderDahStyle       标签边框样式