加载中…VS2010 Chart控件（一）Chart控件在ASP.NET网站中的应用示例详解（C#语言）
(2013-10-09 16:31:35) | 分类： ASP.NET |
步骤如下：
1、
http://s8/mw690/6988593etx6DhZWSOATc7&690Chart控件（一）Chart控件在ASP.NET网站中的应用示例详解（C#语言）" TITLE="VS2010
2、
http://s12/mw690/6988593etx6DhZXKdIv5b&690Chart控件（一）Chart控件在ASP.NET网站中的应用示例详解（C#语言）" TITLE="VS2010
其中.NET Framework x.x中，从4版本开始新增Chart控件。（3.5及早期版本无Chart控件。）
3、直接拖动Chart控件到Default
.aspx的
http://s8/mw690/6988593etx6DhZXMpLx37&690Chart控件（一）Chart控件在ASP.NET网站中的应用示例详解（C#语言）" TITLE="VS2010
示例如下：
<<SPAN style="FONT-SIZE: 9.5pt;
FONT-FAMILY: nsimsun; BACKGROUND: yellow; COLOR: maroon;
mso-bidi-font-family: nsimsun; mso-font-kerning: 0pt;
mso-highlight: yellow">asp:Content
ID="BodyContent" runat="server"
ContentPlaceHolderID="MainContent"
（代码中黄色部分为拖动Chart控件过程中在Default .aspx文件自动生成的代码。其中Height和Width为图表控件的高和宽属性，自行添加设置。 成对的个数与后台代码“设置图表Y轴对应项”处的代码相关，此处设置为两个，最终体现在结果图中的两列对比数据显示）
…
debug="false" targetFramework="4.0">
…
（其中黄色部分为拖动Chart控件过程中Web .config文件中自动生成的代码，如果代码需要调试，将粉红色部分的debug状态设置为true）
4、在对应的Default.aspx.cs文件中添加相应的控件实现代码。
using System.Data;// DataTable位于此命名空间中
（2）添加控件实现代码：
protected
{
DataTable dt = default(DataTable);
dt = CreateDataTable();
//设置图表的数据源
Chart1.DataSource = dt;
//设置图表Y轴对应项
Chart1.Series[0].YValueMembers = "Volume1";
Chart1.Series[1].YValueMembers = "Volume2";
//设置图表X轴对应项
Chart1.Series[0].XValueMember = "Date";
//绑定数据
Chart1.DataBind();
}
private
{
//Create a DataTable as the data source of the Chart control
DataTable dt =
new
//Add three columns to the DataTable
dt.Columns.Add("Date");
dt.Columns.Add("Volume1");
dt.Columns.Add("Volume2");
DataRow dr;
//Add rows to the table which contains some random data for demonstration
dr = dt.NewRow();
dr["Date"] = "Jan";
dr["Volume1"] = 3731;
dr["Volume2"] = 4101;
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["Date"] = "Feb";
dr["Volume1"] = 6024;
dr["Volume2"] = 4324;
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["Date"] = "Mar";
dr["Volume1"] = 4935;
dr["Volume2"] = 2935;
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["Date"] = "Apr";
dr["Volume1"] = 4466;
dr["Volume2"] = 5644;
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["Date"] = "May";
dr["Volume1"] = 5117;
dr["Volume2"] = 5671;
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["Date"] = "Jun";
dr["Volume1"] = 3546;
dr["Volume2"] = 4646;
dt.Rows.Add(dr);
return
}
5、调试结果如下（其中WebSite1为项目名称）
为 ChartImg.axd 执行子请求时出错。
说明:
异常详细信息:
System.Web.HttpException:
为 ChartImg.axd
执行子请求时出错。
源错误:
|
|
堆栈跟踪:
[HttpException (0x80004005): 为 ChartImg.axd 执行子请求时出错。]
……
|
版本信息:
问题解答方法见下一篇博文
新店开业，欢迎大家光顾哦http://www/uc/myshow/blog/misc/gif/E___7394ZH00SIGG.gifChart控件（一）Chart控件在ASP.NET网站中的应用示例详解（C#语言）" TITLE="VS2010
喜欢
0
赠金笔