VS2010 Chart控件（一）Chart控件在ASP.NET網站中的應用示例詳解（C#語言）

時間 2019-11-12

標籤 vs2010 chart 控件 asp.net asp 網站應用示例詳解 c# 語言欄目 C&C++ 简体版

原文原文鏈接

步驟以下：html

一、服務器

Chart控件（一）Chart控件在ASP.NET網站中的應用示例詳解（C#語言）" title="VS2010 Chart控件（一）Chart控件在ASP.NET網站中的應用示例詳解（C#語言）" action-data="http%3A%2F%2Fs8.sinaimg.cn%2Fmw690%2F6988593etx6DhZWSOATc7%26690" action-type="show-slide" style="margin: 0px; padding: 0px; list-style: none;">dom

二、

Chart控件（一）Chart控件在ASP.NET網站中的應用示例詳解（C#語言）" title="VS2010 Chart控件（一）Chart控件在ASP.NET網站中的應用示例詳解（C#語言）" action-data="http%3A%2F%2Fs12.sinaimg.cn%2Fmw690%2F6988593etx6DhZXKdIv5b%26690" action-type="show-slide" style="margin: 0px; padding: 0px; list-style: none;">ide

其中.NET Framework x.x中，從4版本開始新增Chart控件。（3.5及早期版本無Chart控件。）網站

三、直接拖動Chart控件到Default .aspx的之間（拖動過程當中自動生成相應代碼，根據須要自行修改）。url

Chart控件（一）Chart控件在ASP.NET網站中的應用示例詳解（C#語言）" title="VS2010 Chart控件（一）Chart控件在ASP.NET網站中的應用示例詳解（C#語言）" style="margin: 0px; padding: 0px; list-style: none;">

spa

示例以下：debug

<asp:Content ID="BodyContent" runat="server"ContentPlaceHolderID="MainContent" Height="400px" Width="500px">調試

<asp:Chart ID="Chart1"runat="server">code

<asp:SeriesName="Series1" ChartType="Column" ChartArea="ChartArea1">

</asp:Series>

<asp:Series Name="Series2" ChartType="Column"ChartArea="ChartArea1">

</asp:Series>

</Series>

<asp:ChartArea Name="ChartArea1">

</asp:ChartArea>

</ChartAreas>

</asp:Chart>

</asp:Content>

（代碼中黃色部分爲拖動Chart控件過程當中在Default .aspx文件自動生成的代碼。其中Height和Width爲圖表控件的高和寬屬性，自行添加設置。成對的個數與後臺代碼「設置圖表Y軸對應項」處的代碼相關，此處設置爲兩個，最終體如今結果圖中的兩列對比數據顯示）

…

debug="false" targetFramework="4.0">

…

（其中黃色部分爲拖動Chart控件過程當中Web .config文件中自動生成的代碼，若是代碼須要調試，將粉紅色部分的debug狀態設置爲true）

四、在對應的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;

}

五、調試結果以下（其中WebSite1爲項目名稱）

「/WebSite1」應用程序中的服務器錯誤。

爲 ChartImg.axd 執行子請求時出錯。

說明: 執行當前 Web 請求期間，出現未經處理的異常。請檢查堆棧跟蹤信息，以瞭解有關該錯誤以及代碼中致使錯誤的出處的詳細信息。
異常詳細信息:

System.Web.HttpException: 爲 ChartImg.axd 執行子請求時出錯。
源錯誤:

執行當前 Web 請求期間生成了未經處理的異常。能夠使用下面的異常堆棧跟蹤信息肯定有關異常緣由和發生位置的信息。

堆棧跟蹤:

[HttpException (0x80004005): 爲 ChartImg.axd 執行子請求時出錯。]

   System.Web.HttpServerUtility.ExecuteInternal(IHttpHandler handler, TextWriter writer, Boolean preserveForm, Boolean setPreviousPage, VirtualPath path, VirtualPath filePath, String physPath, Exception error, String queryStringOverride) +3059030

   System.Web.HttpServerUtility.Execute(String path, TextWriter writer, Boolean preserveForm) +851

   System.Web.UI.DataVisualization.Charting.ChartHttpHandler.EnsureInitialized(Boolean hardCheck) +316

   System.Web.UI.DataVisualization.Charting.Chart.GetImageStorageMode() +24

……

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。