首先拖一个chart控件到窗体中,然后在属性中找到图表项,这5个集合就是chart最重要的属性。
现在我们对照这些属性讲一讲chart的结构。
1、一个chart包含多个ChartArea,ChartArea为具体的绘图区域。
2、ChartArea包含X轴Y轴,副X轴副Y轴,线条,图例,和游标。
3、线条可以有多条。
我们首先应该确定我们应该有几个子图,及ChartArea的个数,假设为2。chart控件默认有一个ChartArea,点开ChartAreas后边的集合我们看到如下页面。
我们可以看到默认有一个ChartArea1,点击添加即可添加ChartArea2
]
属性里面有一个杂项,里面的name属性可以修改,ChartArea的名字,这里暂时不做修改。
然后我们可以设置线条了。编辑Series集合。
有三个比较有用的属性需要设置,Name为线条的名字,ChartArea为要将此线条绑定到哪个ChartArea上,ChartType为图表的类型。这里我们设置Raw wave 绑定到ChartArea1,类型为Line、Number绑定到ChartArea2,类型为Column.
设置完成后效果如上所示。我们发现图例自动加载了图表的右边。
至此,图表的设计就完成了,下面就可以绑定数据到图表了。
chart1.Series[0].Points.Add(new DataPoint(i, 2 * i));//添加数据横轴为i,纵轴为2*1;
其中Series[0]代表第一条线。大家可以用循环添加一下数据。这里用一个timer控件
柱状图绑定数据的方法也一样。只不过是用的Series[1],表示第二条线
int[] number = new int[8] { 10, 5, 4, 6, 8, 6, 5, 3 };
for (int i = 0; i < 8; i++)
{
chart1.Series[1].Points.Add(new DataPoint(i, number[i]));//添加数据
}
运行结果如下图所示: