MSChart的研究(转)

介绍MSChart的常用属性和事件

MSChart的元素组成

最常用的属性包括

ChartAreas：增加多个绘图区域，每个绘图区域包含独立的图表组、数据源，用于多个图表类型在一个绘图区不兼容时。

AlignmentOrientation：图表区对齐方向，定义两个绘图区域间的对齐方式。

AlignmentStyle：图表区对齐类型，定义图表间用以对其的元素。

AlignWithChartArea：参照对齐的绘图区名称。

InnerPlotPosition：图表在绘图区内的位置属性。

Auto：是否自动对齐。

Height：图表在绘图区内的高度（百分比，取值在0-100）

Width：图表在绘图区内的宽度（百分比，取值在0-100）

X,Y：图表在绘图区内左上角坐标

Position：绘图区位置属性，同InnerPlotPosition。

Name：绘图区名称。

Axis：坐标轴集合

Title：坐标轴标题

TitleAlignment：坐标轴标题对齐方式

Interval：轴刻度间隔大小

IntervalOffset：轴刻度偏移量大小

MinorGrid：次要辅助线

MinorTickMark：次要刻度线

MajorGrid：主要辅助线

MajorTickMark：主要刻度线

DataSourceID：MSChart的数据源。

Legends：图例说明。

Palette：图表外观定义。

Series：最重要的属性，图表集合，就是最终看到的饼图、柱状图、线图、点图等构成的集合；可以将多种相互兼容的类型放在一个绘图区域内，形成复合图。

IsValueShownAsLabel：是否显示数据点标签，如果为true，在图表中显示每一个数据值

Label：数据点标签文本

LabelFormat：数据点标签文本格式

LabelAngle：标签字体角度

Name：图表名称

Points：数据点集合

XValueType：横坐标轴类型

YValueType：纵坐标轴类型

XValueMember：横坐标绑定的数据源（如果数据源为Table，则填写横坐标要显示的字段名称）

YValueMembers：纵坐标绑定的数据源（如果数据源为Table，则填写纵坐标要显示的字段名称，纵坐标可以有两个）

ChartArea：图表所属的绘图区域名称

ChartType：图表类型（柱形、饼形、线形、点形等）

Legend：图表使用的图例名称

Titles：标题集合。

width：MSChart的宽度。

height：MSChart的高度。

常用事件：

Series1.Points.DataBind() 
绑定数据点集合，如果要在一个MSChart控件的一个绘图区(ChartArea)内添加多个不同数据源的图表，就用这个主动绑定数据集合的方法。可以将表中指定字段的值绑定到指定的坐标轴上。

MSChart1.DataBind() 
给整个MSChart绑定一个数据源，该MSChart中的图表全部可以使用该数据源作为统计来源。

下面给一个自己做的例子：

1. int[] date = new int[] { 20, 40, 50, 80, 30, 10, 60 };
2. int[] test = new int[] { 10, 80, 70, 40, 20, 50,90};
3. Chart1.Width = 600;          //图片宽度
4. Chart1.Height = 400;         //图片高度
5. Chart1.BackColor = Color.Azure;              //图片背景色
6. //建一个图表集合
7. Series series = new Series("test");
8. series.ChartType = SeriesChartType.Column;               //图标集类型，Line为直线，SpLine为曲线
9. series.Color = Color.Green;                              //线条颜色
10. series.BorderWidth = 2;                                  //线条宽度
11. series.ShadowOffset = 1;                                 //阴影宽度
12. series.IsVisibleInLegend =false;                         //是否显示数据说明
13. series.IsValueShownAsLabel = true;
14. series.MarkerStyle = MarkerStyle.Diamond;               //线条上的数据点标志类型
15. series.MarkerSize = 8;                                  // 标志的大小
16. DateTime date1 = DateTime.Now.Date;
17. for (int i = 0; i < date.Length; i++)
18. {
19. series.Points.AddXY(date1, date[i]);
20. date1 = date1.AddDays(1);
21. }
22. Chart1.Series.Add(series);             //把数据集添加到Chart1中
23. //再建一个图表集合
24. Series series1 = new Series("ok");
25. series1.ChartType = SeriesChartType.Column;               //图标集类型，Line为直线，SpLine为曲线
26. series1.Color = Color.Red;                             //线条颜色
27. series1.BorderWidth = 2;                                  //线条宽度
28. series1.ShadowOffset = 1;                                 //阴影宽度
29. series1.IsVisibleInLegend = false;                         //是否显示数据说明
30. series1.IsValueShownAsLabel = true;
31. series1.MarkerStyle = MarkerStyle.Diamond;
32. series1.MarkerSize = 8;
33. DateTime date2 = DateTime.Now.Date;
34. for (int i = 0; i < test.Length; i++)
35. {
36. series1.Points.AddXY(date2, test[i]);
37. date2 = date2.AddDays(1);
38. }
39. Chart1.Series.Add(series1);             //把数据集添加到Chart1中
40. //设置坐标轴
41. Chart1.ChartAreas[0].AxisX.LineColor = Color.Blue;
42. Chart1.ChartAreas[0].AxisY.LineColor = Color.Blue;
43. Chart1.ChartAreas[0].AxisX.LineWidth = 2;
44. Chart1.ChartAreas[0].AxisY.LineWidth = 2;
45. Chart1.ChartAreas[0].AxisY.Title = "总额";
46. //设置网格线
47. Chart1.ChartAreas[0].AxisX.MajorGrid.LineColor = Color.Blue;
48. Chart1.ChartAreas[0].AxisY.MajorGrid.LineColor = Color.Blue;

最后显示的图片：

数据源绑定（一），具体代码如下：

1. protected void Page_Load(object sender, EventArgs e)
2. {
3. string fileName = Server.MapPath(".");
4. fileName += "//App_Data//chartdata.mdb";
5. Chart1.Width = 600;                      //图表宽度
6. Chart1.Height = 400;                     //图表高度
7. Chart1.BackColor = Color.Azure;             //图表背景色
8. Chart1.Titles.Add("房地产");                //图表标题
9. //新建连接
10. using (OleDbConnection con=new OleDbConnection("PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source="+fileName))
11. {
12. OleDbCommand cmd = new OleDbCommand("SELECT Name, Sales FROM REPS", con);
13. con.Open();
14. OleDbDataReader read = cmd.ExecuteReader();
15. Chart1.DataBindTable(read, "Name");
16. read.Close();
17. }
18. //注意数据绑定后，它的series是1而不是0
19. Chart1.Series[1].IsValueShownAsLabel = true;             //是否显示数据
20. Chart1.Series[1].IsVisibleInLegend = false;              //是否显示数据说明
21. Chart1.Series[1].MarkerStyle = MarkerStyle.Circle;        //线条上的数据点标志类型
22. Chart1.Series[1].MarkerSize = 8;                          //标志大小
23. Chart1.ChartAreas[0].AxisX.LineColor = Color.Blue;            //X轴颜色
24. Chart1.ChartAreas[0].AxisY.LineColor = Color.Blue;            //Y轴颜色
25. Chart1.ChartAreas[0].AxisX.LineWidth = 2;                     //X轴宽度
26. Chart1.ChartAreas[0].AxisY.LineWidth = 2;                      //Y轴宽度
27. Chart1.ChartAreas[0].AxisY.Title = "价格";                    //Y轴标题
28. }

效果图如下：

数据源绑定方式（二）

1. protected void Page_Load(object sender, EventArgs e)
2. {
3. string fileName = Server.MapPath(".");
4. fileName += "//App_Data//chartdata.mdb";
5. Chart1.Width = 600;                      //图表宽度
6. Chart1.Height = 400;                     //图表高度
7. Chart1.BackColor = Color.Azure;             //图表背景色
8. Chart1.Titles.Add("房地产");                //图表标题
9. //新建连接
10. using (OleDbConnection con=new OleDbConnection("PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source="+fileName))
11. {
12. OleDbCommand cmd = new OleDbCommand("SELECT Name, Sales FROM REPS", con);
13. con.Open();
14. //OleDbDataReader read = cmd.ExecuteReader();
15. //Chart1.DataBindTable(read, "Name");
16. //read.Close();
17. Chart1.DataSource = cmd;
18. Chart1.Series[0].XValueMember = "Name";
19. Chart1.Series[0].YValueMembers = "Sales";
20. con.Close();
21. Chart1.DataBind();
22. }
23. }

效果图如下：

数据源绑定（三）：

1. protected void Page_Load(object sender, EventArgs e)
2. {
3. string fileName = Server.MapPath(".");
4. fileName += "//App_Data//chartdata.mdb";
5. Chart1.Width = 600;                      //图表宽度
6. Chart1.Height = 400;                     //图表高度
7. Chart1.BackColor = Color.Azure;             //图表背景色
8. Chart1.Titles.Add("房地产");                //图表标题
9. //新建连接
10. using (OleDbConnection con=new OleDbConnection("PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source="+fileName))
11. {
12. OleDbCommand cmd = new OleDbCommand("SELECT GrossSales FROM SALES WHERE QuarterEnding < #01/01/2002#", con);
13. con.Open();
14. OleDbDataReader read = cmd.ExecuteReader();
15. Chart1.Series[0].Points.DataBindY(read, "GrossSales");
16. read.Close();
17. }
18. }

效果图如下：

数据源绑定（四）：

1. protected void Page_Load(object sender, EventArgs e)
2. {
3. string fileName = Server.MapPath(".");
4. fileName += "//App_Data//chartdata.mdb";
5. Chart1.Width = 600;                      //图表宽度
6. Chart1.Height = 400;                     //图表高度
7. Chart1.BackColor = Color.Azure;             //图表背景色
8. Chart1.Titles.Add("房地产");                //图表标题
9. //新建连接
10. using (OleDbConnection con=new OleDbConnection("PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source="+fileName))
11. {
12. OleDbCommand cmd = new OleDbCommand("SELECT * FROM REPSALES", con);
13. con.Open();
14. OleDbDataReader read = cmd.ExecuteReader();
15. Chart1.DataBindCrossTable(read,
16. "Name",
17. "Year",
18. "Sales",
19. "Label=Commissions{C}");
20. read.Close();
21. }
22. // Chart1.Legends.Add("Name");
23. }

效果图如下：（有点不理想，Legend中出现了Series1，关于legend的设置还有待研究）

数据源绑定（四）——行绑定

1. protected void Page_Load(object sender, EventArgs e)
2. {
3. string fileName = Server.MapPath(".");
4. fileName += "//App_Data//chartdata.mdb";
5. Chart1.Width = 600;                      //图表宽度
6. Chart1.Height = 400;                     //图表高度
7. Chart1.BackColor = Color.Azure;             //图表背景色
8. Chart1.Titles.Add("Bind By Rows");                //图表标题
9. using (OleDbConnection con=new OleDbConnection("PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source=" + fileName))
10. {
11. OleDbCommand cmd = new OleDbCommand("SELECT * FROM SALESCOUNTS", con);
12. OleDbDataAdapter oda = new OleDbDataAdapter();
13. oda.SelectCommand = cmd;
14. DataSet ds = new DataSet();
15. oda.Fill(ds);
16. foreach (DataRow  row in ds.Tables[0].Rows)
17. {
18. string seriesName=row["SalesRep"].ToString();
19. Chart1.Series.Add(seriesName);
20. Chart1.Series[seriesName].ChartType = SeriesChartType.Line;
21. Chart1.Series[seriesName].BorderWidth = 2;
22. for (int col = 1; col < ds.Tables[0].Columns.Count; col++)
23. {
24. string colName = ds.Tables[0].Columns[col].ColumnName;
25. int yVal = Convert.ToInt32(row[colName].ToString());
26. Chart1.Series[seriesName].Points.AddXY(colName, yVal);
27. }
28. }
29. }
30. }

效果图如下：

数据源绑定（五）

1. protected void Page_Load(object sender, EventArgs e)
2. {
3. // Initialize arrays for series 1
4. double[] yval1 = { 2, 6, 5 };
5. string[] xval1 = { "Peter", "Andrew", "Julie" };
6. // Initialize arrays for series 2
7. double[] yval2 = { 4, 5, 3 };
8. string[] xval2 = { "Peter", "Andrew", "Dave" };
9. // Initialize arrays for series 3
10. double[] yval3 = { 6, 5 };
11. string[] xval3 = { "Julie", "Mary" };
12. // Bind the arrays to each data series
13. Chart1.Series["Series1"].Points.DataBindXY(xval1, yval1);
14. Chart1.Series["Series2"].Points.DataBindXY(xval2, yval2);
15. Chart1.Series["Series3"].Points.DataBindXY(xval3, yval3);
16. // Align series using their X axis labels
17. Chart1.AlignDataPointsByAxisLabel();
18. Chart1.ChartAreas[0].Area3DStyle.Enable3D = true;   //展示3D
19. }

效果图如下：