先简单说一下,从图中可以看到一个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 标签边框样式