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中的图表全部可以使用该数据源作为统计来源。
int[] date = new int[] { 20, 40, 50, 80, 30, 10, 60 };
int[] test = new int[] { 10, 80, 70, 40, 20, 50,90};
Chart1.Width = 600; //图片宽度
Chart1.Height = 400; //图片高度
Chart1.BackColor = Color.Azure; //图片背景色
//建一个图表集合
Series series = new Series("test");
series.ChartType = SeriesChartType.Column; //图标集类型，Line为直线，SpLine为曲线
series.Color = Color.Green; //线条颜色
series.BorderWidth = 2; //线条宽度
series.ShadowOffset = 1; //阴影宽度
series.IsVisibleInLegend =false; //是否显示数据说明
series.IsValueShownAsLabel = true;
series.MarkerStyle = MarkerStyle.Diamond; //线条上的数据点标志类型
series.MarkerSize = 8; // 标志的大小
DateTime date1 = DateTime.Now.Date;
for (int i = 0; i < date.Length; i++)
{
series.Points.AddXY(date1, date[i]);
date1 = date1.AddDays(1);
}
Chart1.Series.Add(series); //把数据集添加到Chart1中
//再建一个图表集合
Series series1 = new Series("ok");
series1.ChartType = SeriesChartType.Column; //图标集类型，Line为直线，SpLine为曲线
series1.Color = Color.Red; //线条颜色
series1.BorderWidth = 2; //线条宽度
series1.ShadowOffset = 1; //阴影宽度
series1.IsVisibleInLegend = false; //是否显示数据说明
series1.IsValueShownAsLabel = true;
series1.MarkerStyle = MarkerStyle.Diamond;
series1.MarkerSize = 8;
DateTime date2 = DateTime.Now.Date;
for (int i = 0; i < test.Length; i++)
{
series1.Points.AddXY(date2, test[i]);
date2 = date2.AddDays(1);
}
Chart1.Series.Add(series1); //把数据集添加到Chart1中
//设置坐标轴
Chart1.ChartAreas[0].AxisX.LineColor = Color.Blue;
Chart1.ChartAreas[0].AxisY.LineColor = Color.Blue;
Chart1.ChartAreas[0].AxisX.LineWidth = 2;
Chart1.ChartAreas[0].AxisY.LineWidth = 2;
Chart1.ChartAreas[0].AxisY.Title = "总额";
//设置网格线
Chart1.ChartAreas[0].AxisX.MajorGrid.LineColor = Color.Blue;
Chart1.ChartAreas[0].AxisY.MajorGrid.LineColor = Color.Blue;
int[] test = new int[] { 10, 80, 70, 40, 20, 50,90};
Chart1.Width = 600; //图片宽度
Chart1.Height = 400; //图片高度
Chart1.BackColor = Color.Azure; //图片背景色
//建一个图表集合
Series series = new Series("test");
series.ChartType = SeriesChartType.Column; //图标集类型，Line为直线，SpLine为曲线
series.Color = Color.Green; //线条颜色
series.BorderWidth = 2; //线条宽度
series.ShadowOffset = 1; //阴影宽度
series.IsVisibleInLegend =false; //是否显示数据说明
series.IsValueShownAsLabel = true;
series.MarkerStyle = MarkerStyle.Diamond; //线条上的数据点标志类型
series.MarkerSize = 8; // 标志的大小
DateTime date1 = DateTime.Now.Date;
for (int i = 0; i < date.Length; i++)
{
series.Points.AddXY(date1, date[i]);
date1 = date1.AddDays(1);
}
Chart1.Series.Add(series); //把数据集添加到Chart1中
//再建一个图表集合
Series series1 = new Series("ok");
series1.ChartType = SeriesChartType.Column; //图标集类型，Line为直线，SpLine为曲线
series1.Color = Color.Red; //线条颜色
series1.BorderWidth = 2; //线条宽度
series1.ShadowOffset = 1; //阴影宽度
series1.IsVisibleInLegend = false; //是否显示数据说明
series1.IsValueShownAsLabel = true;
series1.MarkerStyle = MarkerStyle.Diamond;
series1.MarkerSize = 8;
DateTime date2 = DateTime.Now.Date;
for (int i = 0; i < test.Length; i++)
{
series1.Points.AddXY(date2, test[i]);
date2 = date2.AddDays(1);
}
Chart1.Series.Add(series1); //把数据集添加到Chart1中
//设置坐标轴
Chart1.ChartAreas[0].AxisX.LineColor = Color.Blue;
Chart1.ChartAreas[0].AxisY.LineColor = Color.Blue;
Chart1.ChartAreas[0].AxisX.LineWidth = 2;
Chart1.ChartAreas[0].AxisY.LineWidth = 2;
Chart1.ChartAreas[0].AxisY.Title = "总额";
//设置网格线
Chart1.ChartAreas[0].AxisX.MajorGrid.LineColor = Color.Blue;
Chart1.ChartAreas[0].AxisY.MajorGrid.LineColor = Color.Blue;
最后显示图像
数据源绑定（一），具体代码如下：
protected void Page_Load(object sender, EventArgs e)
{
string fileName = Server.MapPath(".");
fileName += "//App_Data//chartdata.mdb";
Chart1.Width = 600; //图表宽度
Chart1.Height = 400; //图表高度
Chart1.BackColor = Color.Azure; //图表背景色
Chart1.Titles.Add("房地产"); //图表标题
//新建连接
using (OleDbConnection con=new OleDbConnection("PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source="+fileName))
{
OleDbCommand cmd = new OleDbCommand("SELECT Name, Sales FROM REPS", con);
con.Open();
OleDbDataReader read = cmd.ExecuteReader();
Chart1.DataBindTable(read, "Name");
read.Close();
}
//注意数据绑定后，它的series是1而不是0
Chart1.Series[1].IsValueShownAsLabel = true; //是否显示数据
Chart1.Series[1].IsVisibleInLegend = false; //是否显示数据说明
Chart1.Series[1].MarkerStyle = MarkerStyle.Circle; //线条上的数据点标志类型
Chart1.Series[1].MarkerSize = 8; //标志大小
Chart1.ChartAreas[0].AxisX.LineColor = Color.Blue; //X轴颜色
Chart1.ChartAreas[0].AxisY.LineColor = Color.Blue; //Y轴颜色
Chart1.ChartAreas[0].AxisX.LineWidth = 2; //X轴宽度
Chart1.ChartAreas[0].AxisY.LineWidth = 2; //Y轴宽度
Chart1.ChartAreas[0].AxisY.Title = "价格"; //Y轴标题
}
protected void Page_Load(object sender, EventArgs e)
{
string fileName = Server.MapPath(".");
fileName += "//App_Data//chartdata.mdb";
Chart1.Width = 600; //图表宽度
Chart1.Height = 400; //图表高度
Chart1.BackColor = Color.Azure; //图表背景色
Chart1.Titles.Add("房地产"); //图表标题
//新建连接
using (OleDbConnection con=new OleDbConnection("PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source="+fileName))
{
OleDbCommand cmd = new OleDbCommand("SELECT Name, Sales FROM REPS", con);
con.Open();
OleDbDataReader read = cmd.ExecuteReader();
Chart1.DataBindTable(read, "Name");
read.Close();
}
//注意数据绑定后，它的series是1而不是0
Chart1.Series[1].IsValueShownAsLabel = true; //是否显示数据
Chart1.Series[1].IsVisibleInLegend = false; //是否显示数据说明
Chart1.Series[1].MarkerStyle = MarkerStyle.Circle; //线条上的数据点标志类型
Chart1.Series[1].MarkerSize = 8; //标志大小
Chart1.ChartAreas[0].AxisX.LineColor = Color.Blue; //X轴颜色
Chart1.ChartAreas[0].AxisY.LineColor = Color.Blue; //Y轴颜色
Chart1.ChartAreas[0].AxisX.LineWidth = 2; //X轴宽度
Chart1.ChartAreas[0].AxisY.LineWidth = 2; //Y轴宽度
Chart1.ChartAreas[0].AxisY.Title = "价格"; //Y轴标题
}
效果图如下：
数据源绑定方式（二）
protected void Page_Load(object sender, EventArgs e)
{
string fileName = Server.MapPath(".");
fileName += "//App_Data//chartdata.mdb";
Chart1.Width = 600; //图表宽度
Chart1.Height = 400; //图表高度
Chart1.BackColor = Color.Azure; //图表背景色
Chart1.Titles.Add("房地产"); //图表标题
//新建连接
using (OleDbConnection con=new OleDbConnection("PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source="+fileName))
{
OleDbCommand cmd = new OleDbCommand("SELECT Name, Sales FROM REPS", con);
con.Open();
//OleDbDataReader read = cmd.ExecuteReader();
//Chart1.DataBindTable(read, "Name");
//read.Close();
Chart1.DataSource = cmd;
Chart1.Series[0].XValueMember = "Name";
Chart1.Series[0].YValueMembers = "Sales";
con.Close();
Chart1.DataBind();
}
}
protected void Page_Load(object sender, EventArgs e)
{
string fileName = Server.MapPath(".");
fileName += "//App_Data//chartdata.mdb";
Chart1.Width = 600; //图表宽度
Chart1.Height = 400; //图表高度
Chart1.BackColor = Color.Azure; //图表背景色
Chart1.Titles.Add("房地产"); //图表标题
//新建连接
using (OleDbConnection con=new OleDbConnection("PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source="+fileName))
{
OleDbCommand cmd = new OleDbCommand("SELECT Name, Sales FROM REPS", con);
con.Open();
//OleDbDataReader read = cmd.ExecuteReader();
//Chart1.DataBindTable(read, "Name");
//read.Close();
Chart1.DataSource = cmd;
Chart1.Series[0].XValueMember = "Name";
Chart1.Series[0].YValueMembers = "Sales";
con.Close();
Chart1.DataBind();
}
}
效果图如下：
数据源绑定（三）：
protected void Page_Load(object sender, EventArgs e)
{
string fileName = Server.MapPath(".");
fileName += "//App_Data//chartdata.mdb";
Chart1.Width = 600; //图表宽度
Chart1.Height = 400; //图表高度
Chart1.BackColor = Color.Azure; //图表背景色
Chart1.Titles.Add("房地产"); //图表标题
//新建连接
using (OleDbConnection con=new OleDbConnection("PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source="+fileName))
{
OleDbCommand cmd = new OleDbCommand("SELECT GrossSales FROM SALES WHERE QuarterEnding < #01/01/2002#", con);
con.Open();
OleDbDataReader read = cmd.ExecuteReader();
Chart1.Series[0].Points.DataBindY(read, "GrossSales");
read.Close();
}
}
protected void Page_Load(object sender, EventArgs e)
{
string fileName = Server.MapPath(".");
fileName += "//App_Data//chartdata.mdb";
Chart1.Width = 600; //图表宽度
Chart1.Height = 400; //图表高度
Chart1.BackColor = Color.Azure; //图表背景色
Chart1.Titles.Add("房地产"); //图表标题
//新建连接
using (OleDbConnection con=new OleDbConnection("PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source="+fileName))
{
OleDbCommand cmd = new OleDbCommand("SELECT GrossSales FROM SALES WHERE QuarterEnding < #01/01/2002#", con);
con.Open();
OleDbDataReader read = cmd.ExecuteReader();
Chart1.Series[0].Points.DataBindY(read, "GrossSales");
read.Close();
}
}
效果图如下：
数据源绑定（四）：
protected void Page_Load(object sender, EventArgs e)
{
string fileName = Server.MapPath(".");
fileName += "//App_Data//chartdata.mdb";
Chart1.Width = 600; //图表宽度
Chart1.Height = 400; //图表高度
Chart1.BackColor = Color.Azure; //图表背景色
Chart1.Titles.Add("房地产"); //图表标题
//新建连接
using (OleDbConnection con=new OleDbConnection("PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source="+fileName))
{
OleDbCommand cmd = new OleDbCommand("SELECT * FROM REPSALES", con);
con.Open();
OleDbDataReader read = cmd.ExecuteReader();
Chart1.DataBindCrossTable(read,
"Name",
"Year",
"Sales",
"Label=Commissions{C}");
read.Close();
}
// Chart1.Legends.Add("Name");
}
protected void Page_Load(object sender, EventArgs e)
{
string fileName = Server.MapPath(".");
fileName += "//App_Data//chartdata.mdb";
Chart1.Width = 600; //图表宽度
Chart1.Height = 400; //图表高度
Chart1.BackColor = Color.Azure; //图表背景色
Chart1.Titles.Add("房地产"); //图表标题
//新建连接
using (OleDbConnection con=new OleDbConnection("PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source="+fileName))
{
OleDbCommand cmd = new OleDbCommand("SELECT * FROM REPSALES", con);
con.Open();
OleDbDataReader read = cmd.ExecuteReader();
Chart1.DataBindCrossTable(read,
"Name",
"Year",
"Sales",
"Label=Commissions{C}");
read.Close();
}
// Chart1.Legends.Add("Name");
}
效果图如下：（有点不理想，Legend中出现了Series1，关于legend的设置还有待研究）
数据源绑定（四）——行绑定
protected void Page_Load(object sender, EventArgs e)
{
string fileName = Server.MapPath(".");
fileName += "//App_Data//chartdata.mdb";
Chart1.Width = 600; //图表宽度
Chart1.Height = 400; //图表高度
Chart1.BackColor = Color.Azure; //图表背景色
Chart1.Titles.Add("Bind By Rows"); //图表标题
using (OleDbConnection con=new OleDbConnection("PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source=" + fileName))
{
OleDbCommand cmd = new OleDbCommand("SELECT * FROM SALESCOUNTS", con);
OleDbDataAdapter oda = new OleDbDataAdapter();
oda.SelectCommand = cmd;
DataSet ds = new DataSet();
oda.Fill(ds);
foreach (DataRow row in ds.Tables[0].Rows)
{
string seriesName=row["SalesRep"].ToString();
Chart1.Series.Add(seriesName);
Chart1.Series[seriesName].ChartType = SeriesChartType.Line;
Chart1.Series[seriesName].BorderWidth = 2;
for (int col = 1; col < ds.Tables[0].Columns.Count; col++)
{
string colName = ds.Tables[0].Columns[col].ColumnName;
int yVal = Convert.ToInt32(row[colName].ToString());
Chart1.Series[seriesName].Points.AddXY(colName, yVal);
}
}
}
}
protected void Page_Load(object sender, EventArgs e)
{
string fileName = Server.MapPath(".");
fileName += "//App_Data//chartdata.mdb";
Chart1.Width = 600; //图表宽度
Chart1.Height = 400; //图表高度
Chart1.BackColor = Color.Azure; //图表背景色
Chart1.Titles.Add("Bind By Rows"); //图表标题
using (OleDbConnection con=new OleDbConnection("PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source=" + fileName))
{
OleDbCommand cmd = new OleDbCommand("SELECT * FROM SALESCOUNTS", con);
OleDbDataAdapter oda = new OleDbDataAdapter();
oda.SelectCommand = cmd;
DataSet ds = new DataSet();
oda.Fill(ds);
foreach (DataRow row in ds.Tables[0].Rows)
{
string seriesName=row["SalesRep"].ToString();
Chart1.Series.Add(seriesName);
Chart1.Series[seriesName].ChartType = SeriesChartType.Line;
Chart1.Series[seriesName].BorderWidth = 2;
for (int col = 1; col < ds.Tables[0].Columns.Count; col++)
{
string colName = ds.Tables[0].Columns[col].ColumnName;
int yVal = Convert.ToInt32(row[colName].ToString());
Chart1.Series[seriesName].Points.AddXY(colName, yVal);
}
}
}
}
效果图如下：
数据源绑定（五）
protected void Page_Load(object sender, EventArgs e)
{
// Initialize arrays for series 1
double[] yval1 = { 2, 6, 5 };
string[] xval1 = { "Peter", "Andrew", "Julie" };
// Initialize arrays for series 2
double[] yval2 = { 4, 5, 3 };
string[] xval2 = { "Peter", "Andrew", "Dave" };
// Initialize arrays for series 3
double[] yval3 = { 6, 5 };
string[] xval3 = { "Julie", "Mary" };
// Bind the arrays to each data series
Chart1.Series["Series1"].Points.DataBindXY(xval1, yval1);
Chart1.Series["Series2"].Points.DataBindXY(xval2, yval2);
Chart1.Series["Series3"].Points.DataBindXY(xval3, yval3);
// Align series using their X axis labels
Chart1.AlignDataPointsByAxisLabel();
Chart1.ChartAreas[0].Area3DStyle.Enable3D = true; //展示3D
protected void Page_Load(object sender, EventArgs e)
{
// Initialize arrays for series 1
double[] yval1 = { 2, 6, 5 };
string[] xval1 = { "Peter", "Andrew", "Julie" };
// Initialize arrays for series 2
double[] yval2 = { 4, 5, 3 };
string[] xval2 = { "Peter", "Andrew", "Dave" };
// Initialize arrays for series 3
double[] yval3 = { 6, 5 };
string[] xval3 = { "Julie", "Mary" };
// Bind the arrays to each data series
Chart1.Series["Series1"].Points.DataBindXY(xval1, yval1);
Chart1.Series["Series2"].Points.DataBindXY(xval2, yval2);
Chart1.Series["Series3"].Points.DataBindXY(xval3, yval3);
// Align series using their X axis labels
Chart1.AlignDataPointsByAxisLabel();
Chart1.ChartAreas[0].Area3DStyle.Enable3D = true; //展示3D
效果图如下：
