C#创建基本图表(Chart Controls)
Chart表格控件是 .netframework4.0之后才有的。所以在开发中请保持你使用的是4.0及以上版本。
首先一个Chart控件里面 可以有多个 ChartArea 每一个ChartArea 里面可以有自己的横轴和纵轴，可以有任意条线条。
1. 一个chart可以包含多个chartArea。 chartArea是具体的坐标区域。
2. 每一个chartArea主要包含X轴，Y轴，副X轴(上方)，副Y轴(右方)，绑定的线条，绑定的图例。
3. 线条可以有许多，只要将线条绑定到chartArea就可以在对应的chartArea显示。
4. 其树形实体结构如下所示： 对于每个实体里面的许多样式属性可以自行尝试研究。
图 1 Chart树形结构
chart控件的属性很多，主要用到Chart控件图表区域的属性有五个属性
1.Annotations ：批注集合（我没怎么用到，但是配置的话会在图标区域出现一些可以备注的东西吧）
2.ChartAreas： 图表区属性；主要设置图标数据的背景，比如3D或者隐藏还是显示横纵轴交叉线，分块颜色显示等
3.Lengends： 图表图例集合 主要设置图表边说明的一些东西，这次项目没什么用到，但是觉得这个基本没啥用，有什么说明一般都另外添加的，用不到自带的属性
4.Series ：图表序列属性，chart设置中基本大多数的设置都在这里了，用来设置数据的一下外观，数据类型（饼图，折线图，树状图等等）
5.Title： 图表标题集合，用来设置图表的标题
6.ToolTip：映射区：鼠标放在数据点上出现的小提示，建议用代码控制
图 2 Chart图例
主要内容
重要的是各种属性和方法的使用：
1.ChartAreas属性
ChartAreas属性指绘图区，一个控件可以有多个绘图区，比如我要在同一个控件内显示饼图和柱状图，肯定不能放在同一个ChartAreas区域内，应该在同一个Chart控件里增加两个ChartAreas并分别绑定Series对象。所以ChartAreas属性对应的是一个集合。
2.Series属性
Series属性就是各种图表的图形啦，比如我们要显示某月的天气变化，那么应该有这样两组数据，一组是天数，一组是每天对应的温度值，同时绑定到Series对象中，再将Series对象Add()到Chart控件的Series属性里即可。为了横向比较，例如我要看本月与上月的天气曲线变化图，并同时显示在同一个ChartAreas中，那该怎么办呢？很简单，再实例一个Series对象，将上月的天数数组与温度值数组绑定到一个新的Series2实例中，再将Series2实例Add()到Chart控件的Series属性里，此时，Chart控件的第一个绘图区ChartArea里就会有两条曲线。
3.Legends属性
Legend就是指一个图标的图例，当一个Series属性有多个Series时，或是一个Series有几组数据时，为了区分各自的颜色，通常每个Serie对象一种颜色，这就需要用到图例来指明哪个颜色的代表的是什么数据。如下图所示：
简单实践
以下是学习代码
public partial class Form1 : Form
{
Series mSeries = new Series();
Random r = new Random();
//存放y轴数据的数组链表
private List<int> DataL = new List<int>();
Timer DynaT = new Timer();
//图表区域
ChartArea chartarea = new ChartArea ();
public Form1()
{
InitializeComponent();
DynaT.Interval = 300;
DynaT.Tick += DynaT_Tick;
//数据数组
for (int i = 0; i < 40; i++)
{
DataL.Add(i);
}
creatchart();
}
void DynaT_Tick(object sender, EventArgs e)
{
DataL.RemoveAt(0);//移除链表第一个
int N =r.Next (50);
DataL.Insert(DataL.Count, N);
//绑定数据
mSeries.Points.DataBindY(DataL);
//重绘
chart1.Series.Invalidate ();
}
private void Form1_Load(object sender, EventArgs e)
{
DynaT.Start();
}
private void creatchart()
{
//图表设置
chartarea.AxisX.Interval = 2;
chartarea.AxisY.Interval = 2;
this.chart1.ChartAreas.Add(chartarea);
mSeries.ChartType = SeriesChartType.Spline;
mSeries.Points.DataBindY(DataL);
mLegend.Name = "随机数组";
mLegend.Docking = Docking.Right ;
mLegend.DockedToChartArea = chartarea.Name;//将图例放在所在表中
mLegend.IsDockedInsideChartArea = true ;
mSeries.LegendToolTip = "随机数据";// 鼠标放到系列上出现的文字
mSeries.LegendText = "随机数组";// 系列名字
mSeries.ChartArea = chartarea.Name ;
chart1.Series.Add(mSeries);
chart1.Legends.Add(mLegend);
//线属性设置
chart1.Series [0].IsValueShownAsLabel = true;//是否显示值
chart1.Series[0].MarkerStyle = MarkerStyle.Circle;//标记点形状
chart1.Series[0].MarkerSize = 10;//标记点大小
chart1.Series[0].MarkerColor = Color.Tomato;//标记点颜色
}
}测试图例
图 3 测试范例
数据绑定
其余笔记：
其中绑定数据源，得到折线图的方法有两种。
1、读取数据库，得到数据集，绑定对应列得到折线图：
DataSet ds = 读取数据库;
DataView dv=new DataView(ds.Tables[0]);
this.chart1.Series[0].ChartType=SeriesChartType.Line;
this.chart1.Series[0].Points.DataBindXY(dv, "时间列列名",dv, "温度列列名");
//创建表，添加数据
DataTable dt = new DataTable();
dt.Columns.Add("月份");
dt.Columns.Add("数量");
//绑定表格数据
DataTable dt = default(DataTable);
dt = CreateDataTable();
//dt = GetTable();
//设置图表的数据源
//绑定数据
crtShow.DataBind();
//数据库操作
public DataTable GetTable()
{
//连接SQL数据库，绑定数据
string collectionstring = "server=(local);database=Wsbm_db;Trusted_Connection=SSPI";
SqlConnection conn = new SqlConnection(collectionstring);
SqlDataAdapter sad = new SqlDataAdapter("select * from grades ", conn);
DataSet ds = new DataSet();
sad.Fill(ds, "grades");
conn.Close();
return ds.Tables[0];
}
2、读取数据库，得到数据列表，绑定列表得到折线图：
List x = 读取数据库得到时间列表;
List y = 读取数据库得到温度列表;
this.chart1.Series[0].ChartType=SeriesChartType.Line;
this.chart1.Series[0].Points.DataBindXY(x,y);