ASP.NET 基礎教程
ASP.NET 教程
Web Pages - 教程
Web Pages - 添加 Razor 代碼
Web Pages - 頁面布局
Web Pages - 文件夾
Web Pages - 全局頁面
Web Pages - HTML 表單
Web Pages - 對象
Web Pages - 文件
Web Pages - 幫助器
Web Pages - WebGrid 幫助器
Web Pages - Chart 幫助器
Web Pages - WebMail 幫助器
Web Pages - PHP
Web Pages - 發(fā)布網站
Razor - 標記
Web Pages - Database 對象
ASP.NET MVC
Web Forms - 教程
Web Forms - HTML 頁面
Web Forms - 服務器控件
Web Forms - 事件
Web Forms - HTML 表單
Web Forms - 維持 ViewState
Web Forms - TextBox 控件
Web Forms - Button 控件
Web Forms - 數(shù)據綁定
Web Forms - ArrayList 對象
Web Forms - Hashtable 對象
Web Forms - SortedList 對象
Web Forms - XML 文件
Web Forms - Repeater 控件
Web Forms - DataList 控件
Web Forms - 數(shù)據庫連接
Web Forms - 母版頁
Web Forms - 導航
ASP.NET Razor
Razor - C# 和 VB 代碼語法
Razor - C# 變量
Razor - C# 循環(huán)和數(shù)組
Razor - C# 邏輯條件
Razor - VB 變量
Razor - VB 循環(huán)和數(shù)組
Razor - VB 邏輯條件
WF 參考手冊
Web Forms - HTML 服務器控件
ASP.NET HtmlAnchor 控件
ASP.NET HtmlButton 控件
ASP.NET HtmlForm 控件
ASP.NET HtmlGeneric 控件
ASP.NET HtmlImage 控件
ASP.NET HtmlInputButton 控件
ASP.NET HtmlInputCheckBox 控件
ASP.NET HtmlInputFile 控件
ASP.NET HtmlInputHidden 控件
ASP.NET HtmlInputImage 控件
ASP.NET HtmlInputRadioButton 控件
ASP.NET HtmlInputText 控件
ASP.NET HtmlSelect Control
ASP.NET HtmlTable 控件
ASP.NET HtmlTableCell 控件
ASP.NET HtmlTableRow 控件
ASP.NET HtmlTextArea 控件
ASP.NET AdRotator 控件
ASP.NET AdRotator AdvertisementFile 屬性
ASP.NET AdRotator Target 屬性
ASP.NET Button 控件
ASP.NET Button CausesValidation 屬性
ASP.NET Button OnClientClick 屬性
ASP.NET Button PostBackUrl 屬性
ASP.NET Button Text 屬性
ASP.NET Button UseSubmitBehavior 屬性
ASP.NET Button ValidationGroup 屬性
ASP.NET Calendar 控件
ASP.NET Calendar Caption 屬性
ASP.NET Calendar CaptionAlign 屬性
ASP.NET Calendar CellPadding 屬性
ASP.NET Calendar CellSpacing 屬性
ASP.NET Calendar DayHeaderStyle 屬性
ASP.NET Style 控件
ASP.NET BackColor 屬性
ASP.NET BorderColor 屬性
ASP.NET BorderStyle 屬性
ASP.NET BorderWidth 屬性
ASP.NET CssClass 屬性
ASP.NET Font 屬性
ASP.NET ForeColor 屬性
ASP.NET Height 屬性
ASP.NET Width 屬性
ASP.NET Calendar DayNameFormat 屬性
ASP.NET Calendar DayStyle 屬性
ASP.NET Calendar FirstDayOfWeek 屬性
ASP.NET Calendar NextMonthText 屬性
ASP.NET Calendar NextPrevFormat 屬性
ASP.NET Calendar NextPrevStyle 屬性
ASP.NET Calendar OtherMonthDayStyle 屬性
ASP.NET Calendar PrevMonthText 屬性
ASP.NET Calendar SelectedDate 屬性
ASP.NET Calendar SelectedDates 屬性
ASP.NET Calendar SelectedDayStyle 屬性
ASP.NET Calendar SelectionMode 屬性
ASP.NET Calendar SelectMonthText 屬性
ASP.NET Calendar SelectorStyle 屬性
ASP.NET Calendar SelectWeekText 屬性
ASP.NET Calendar ShowDayHeader 屬性
ASP.NET Calendar ShowGridLines 屬性
ASP.NET Calendar ShowNextPrevMonth 屬性
ASP.NET Calendar ShowTitle 屬性
ASP.NET Calendar TitleFormat 屬性
ASP.NET Calendar TitleStyle 屬性
ASP.NET Calendar TodayDayStyle 屬性
ASP.NET Calendar TodaysDate 屬性
ASP.NET Calendar VisibleDate 屬性
ASP.NET Calendar WeekendDayStyle 屬性
ASP.NET CalendarDay 控件
ASP.NET CalendarDay Date 屬性
ASP.NET CalendarDay DayNumberText 屬性
ASP.NET CalendarDay IsOtherMonth 屬性
ASP.NET CalendarDay IsSelectable 屬性
ASP.NET CalendarDay IsSelected 屬性
ASP.NET CalendarDay IsToday 屬性
ASP.NET CalendarDay IsWeekend 屬性
ASP.NET CheckBox 控件
ASP.NET CheckBox Checked 屬性
ASP.NET CheckBox Text 屬性
ASP.NET CheckBox TextAlign 屬性
ASP.NET CheckBoxList 控件
ASP.NET CheckBoxList CellPadding 屬性
ASP.NET CheckBoxList CellSpacing 屬性
ASP.NET CheckBoxList RepeatColumns 屬性
ASP.NET CheckBoxList RepeatDirection 屬性
ASP.NET CheckBoxList RepeatLayout 屬性
ASP.NET CheckBoxList TextAlign 屬性
ASP.NET DropDownList 控件
ASP.NET DropDownList SelectedIndex 屬性
ASP.NET HyperLink 控件
ASP.NET HyperLink ImageUrl 屬性
ASP.NET HyperLink NavigateUrl 屬性
ASP.NET HyperLink Target 屬性
ASP.NET HyperLink Text 屬性
ASP.NET Image 控件
ASP.NET Image AlternateText 屬性
ASP.NET Image ImageAlign 屬性
ASP.NET Image ImageUrl 屬性
ASP.NET ImageButton 控件
ASP.NET ImageButton CausesValidation 屬性
ASP.NET ImageButton ValidationGroup 屬性
ASP.NET ImageButton PostBackUrl 屬性
ASP.NET ImageButton ValidationGroup 屬性
ASP.NET Label 控件
ASP.NET LinkButton 控件
ASP.NET LinkButton OnClientClick 屬性
ASP.NET LinkButton PostBackUrl 屬性
ASP.NET LinkButton Text 屬性
ASP.NET LinkButton ValidationGroup 屬性
ASP.NET ListBox 控件
ASP.NET Rows 屬性
ASP.NET SelectionMode 屬性
ASP.NET ListItem 控件
ASP.NET ListItem Enabled 屬性
ASP.NET ListItem Selected 屬性
ASP.NET ListItem Text 屬性
ASP.NET ListItem Value 屬性
ASP.NET Literal 控件
ASP.NET Literal Text 屬性
ASP.NET Panel 控件
ASP.NET Panel BackImageUrl 屬性
ASP.NET Panel DefaultButton 屬性
ASP.NET Panel Direction 屬性
ASP.NET Panel GroupingText 屬性
ASP.NET Panel HorizontalAlign 屬性
ASP.NET Panel ScrollBars 屬性
ASP.NET Panel Wrap 屬性
ASP.NET PlaceHolder 控件
ASP.NET RadioButton 控件
ASP.NET RadioButtonList 控件
ASP.NET RadioButtonList CellPadding 屬性
ASP.NET RadioButtonList CellSpacing 屬性
ASP.NET RadioButtonList RepeatColumns 屬性
ASP.NET RadioButtonList RepeatDirection 屬性
ASP.NET RadioButtonList TextAlign 屬性
ASP.NET BulletedList BulletImageUrl 屬性
Web Forms - Web 服務器控件
ASP.NET Table 控件
ASP.NET BackImageUrl 屬性
ASP.NET Caption 屬性
ASP.NET CaptionAlign 屬性
ASP.NET CellPadding 屬性
ASP.NET CellSpacing 屬性
ASP.NET GridLines 屬性
ASP.NET HorizontalAlign 屬性
ASP.NET TableCell 控件
ASP.NET TableCell ColumnSpan 屬性
ASP.NET TableCell HorizontalAlign 屬性
ASP.NET TableCell RowSpan 屬性
ASP.NET TableCell Text 屬性
ASP.NET TableCell Wrap 屬性
ASP.NET TableRow 控件
ASP.NET TableRow HorizontalAlign 屬性
ASP.NET TableRow TableSection 屬性
ASP.NET TableRow VerticalAlign 屬性
ASP.NET TextBox 控件
ASP.NET TextBox AutoCompleteType 屬性
ASP.NET TextBox AutoPostBack 屬性
ASP.NET TextBox Columns 屬性
ASP.NET TextBox MaxLength 屬性
ASP.NET TextBox ReadOnly 屬性
ASP.NET TextBox Rows 屬性
ASP.NET TextBox Text 屬性
ASP.NET TextBox TextMode 屬性
ASP.NET TextBox Wrap 屬性
ASP.NET XML 控件
ASP.NET XML DocumentSource 屬性
Web Forms - Validation 服務器控件
ASP.NET CompareValidator 控件
ASP.NET CustomValidator 控件
ASP.NET RangeValidator 控件
ASP.NET RegularExpressionValidator 控件
ASP.NET RequiredFieldValidator 控件
ASP.NET ValidationSummary 控件
ASP.NET BulletedList 控件
ASP.NET BulletedList BulletStyle 屬性
ASP.NET BulletedList DisplayMode 屬性
ASP.NET BulletedList FirstBulletNumber 屬性
ASP.NET BulletedList Target 屬性
WP 參考手冊
Web Pages - 類
Web Pages - WebSecurity 對象
WebSecurity 屬性 - CurrentUserId
WebSecurity 屬性 -?CurrentUserName
WebSecurity 屬性 - HasUserId
WebSecurity 屬性 - IsAuthenticated
WebSecurity - ChangePassword()
WebSecurity - ConfirmAccount()
WebSecurity - CreateAccount()
WebSecurity - CreateUserAndAccount()
WebSecurity - GeneratePasswordResetToken()
WebSecurity - GetCreateDate()
WebSecurity - GetPasswordChangeDate()
WebSecurity - GetUserId()
WebSecurity - InitializeDatabaseConnection()
WebSecurity - IsConfirmed()
WebSecurity - IsCurrentUser()
WebSecurity - Login()
WebSecurity - Logout()
WebSecurity - RequireAuthenticatedUser()
WebSecurity - RequireRoles()
WebSecurity - RequireUser()
WebSecurity - ResetPassword()
WebSecurity - UserExists()
Web Pages - WebMail 對象
Web Pages - 更多幫助器
?
This document uses PHP Chinese website manual Release
characters
Web Pages - Chart 幫助器
Chart 幫助器 - 眾多有用的 ASP.NET Web 幫助器之一。
Chart 幫助器
在前面的章節(jié)中，您已經學習了如何使用 ASP.NET 的 "幫助器"。
前面已經介紹了如何使用 "WebGrid 幫助器" 在網格中顯示數(shù)據。
本章介紹如何使用 "Chart 幫助器" 以圖形化的形式顯示數(shù)據。
"Chart 幫助器" 可以創(chuàng)建不同類型的帶有多種格式化選項和標簽的圖表圖像。它可以創(chuàng)建面積圖、條形圖、柱形圖、折線圖、餅圖等標準圖表，也可以創(chuàng)建像股票圖表這樣的更專業(yè)的圖表。
在圖表中顯示的數(shù)據可以是來自一個數(shù)組，一個數(shù)據庫，或者一個文件中的數(shù)據。
根據數(shù)組創(chuàng)建圖表
下面的實例顯示了根據數(shù)組數(shù)據顯示圖表所需的代碼：
實例
?@{
var myChart = new Chart(width: 600, height: 400)
.AddTitle("Employees")
.AddSeries(chartType: "column",
xValue: new[] { "Peter", "Andrew", "Julie", "Mary", "Dave" },
yValues: new[] { "2", "6", "4", "5", "3" })
.Write();
}
- new Chart 創(chuàng)建一個新的圖表對象并且設置它的寬度和高度
- AddTitle 方法指定了圖表的標題
- AddSeries 方法向圖表中增加數(shù)據
- chartType 參數(shù)定義圖表的類型
- xValue 參數(shù)定義 x 軸的名稱
- yValues 參數(shù)定義 y 軸的名稱
- Write() 方法顯示圖表
根據數(shù)據庫創(chuàng)建圖表
您可以執(zhí)行一個數(shù)據庫查詢，然后使用查詢結果中的數(shù)據來創(chuàng)建一個圖表：
實例
?@{
var db = Database.Open("SmallBakery");
var dbdata = db.Query("SELECT Name, Price FROM Product");
var myChart = new Chart(width: 600, height: 400)
.AddTitle("Product Sales")
.DataBindTable(dataSource: dbdata, xField: "Name")
.Write();
}
- var db = Database.Open 打開數(shù)據庫（將數(shù)據庫對象賦值給變量 db）
- var dbdata = db.Query 執(zhí)行數(shù)據庫查詢并保存結果在 dbdata 中
- new Chart 創(chuàng)建一個新的圖表對象并且設置它的寬度和高度
- AddTitle 方法指定了圖表的標題
- DataBindTable 方法將數(shù)據源綁定到圖表
- Write() 方法顯示圖表
除了使用 DataBindTable 方法之外，另一種方法是使用 AddSeries（見前面的實例）。DataBindTable 更容易使用，但是 AddSeries 更加靈活，因為您可以更明確地指定圖表和數(shù)據：
實例
?@{
var db = Database.Open("SmallBakery");
var dbdata = db.Query("SELECT Name, Price FROM Product");
var myChart = new Chart(width: 600, height: 400)
.AddTitle("Product Sales")
.AddSeries(chartType:"Pie",
xValue: dbdata, xField: "Name",
yValues: dbdata, yFields: "Price")
.Write();
}
根據 XML 數(shù)據創(chuàng)建圖表
第三種創(chuàng)建圖表的方法是使用 XML 文件作為圖表的數(shù)據：
實例
?@using System.Data;
@{
var dataSet = new DataSet();
dataSet.ReadXmlSchema(Server.MapPath("data.xsd"));
dataSet.ReadXml(Server.MapPath("data.xml"));
var dataView = new DataView(dataSet.Tables[0]);
var myChart = new Chart(width: 600, height: 400)
.AddTitle("Sales Per Employee")
.AddSeries("Default", chartType: "Pie",
xValue: dataView, xField: "Name",
yValues: dataView, yFields: "Sales")
.Write();}
}