在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
步骤如下: 1、 其中.NET Framework x.x中,从4版本开始新增Chart控件。(3.5及早期版本无Chart控件。) 3、直接拖动Chart控件到Default .aspx的 之间(拖动过程中自动生成相应代码,根据需要自行修改)。 示例如下: <<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" Height="400px" Width="500px"> <<SPAN style="BACKGROUND: yellow; COLOR: maroon; mso-highlight: yellow">asp:Chart ID="Chart1"runat="server"> <<SPAN style="COLOR: maroon">Series> <<SPAN style="BACKGROUND: yellow; COLOR: maroon; mso-highlight: yellow">asp:SeriesName="Series1" ChartType="Column" ChartArea="ChartArea1"> </<SPAN style="BACKGROUND: yellow; COLOR: maroon; mso-highlight: yellow">asp:Series> <<SPAN style="COLOR: maroon">asp:Series Name="Series2" ChartType="Column"ChartArea="ChartArea1"> </<SPAN style="COLOR: maroon">asp:Series> </<SPAN style="COLOR: maroon">Series> <<SPAN style="COLOR: maroon">ChartAreas> <<SPAN style="COLOR: maroon">asp:ChartArea Name="ChartArea1"> </<SPAN style="COLOR: maroon">asp:ChartArea> </<SPAN style="COLOR: maroon">ChartAreas> </<SPAN style="COLOR: maroon">asp:Chart> </<SPAN style="FONT-SIZE: 9.5pt; FONT-FAMILY: nsimsun; COLOR: maroon; mso-bidi-font-family: nsimsun; mso-font-kerning: 0pt">asp:Content> (代码中黄色部分为拖动Chart控件过程中在Default .aspx文件自动生成的代码。其中Height和Width为图表控件的高和宽属性,自行添加设置。 成对的个数与后台代码“设置图表Y轴对应项”处的代码相关,此处设置为两个,最终体现在结果图中的两列对比数据显示)
…
debug="false" targetFramework="4.0">
…
(其中黄色部分为拖动Chart控件过程中Web .config文件中自动生成的代码,如果代码需要调试,将粉红色部分的debug状态设置为true) 4、在对应的Default.aspx.cs文件中添加相应的控件实现代码。 (1)首先在Default.Aspx.cs文件中添加命名空间: using System.Data;// DataTable位于此命名空间中 (2)添加控件实现代码: protected void Page_Load(object sender, EventArgs e) { 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 DataTable CreateDataTable() { //Create a DataTable as the data source of the Chart control DataTable dt = new DataTable();
//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 dt; }
5、调试结果如下(其中WebSite1为项目名称) 为 ChartImg.axd 执行子请求时出错。说明: 执行当前 Web 请求期间,出现未经处理的异常。请检查堆栈跟踪信息,以了解有关该错误以及代码中导致错误的出处的详细信息。 System.Web.HttpException: 为 ChartImg.axd 执行子请求时出错。
堆栈跟踪:
|
请发表评论