ASP.NET Web Pages - Chart 帮助器
Chart - ASP.NET Web 。
Chart Helper
一个 ASP.NET 。
何使用 “WebGrid 数据。
通过使用 “Chart
“Chart
数据。
图表
:
实例
@{
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 和高度。
AddTitle
AddSeries
chartType
xValue 参数定义 x 轴的值。
yValues 参数定义 y 轴的值。
Write() 表。
的图表
:
实例
@{
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 变量 db)。
var dbdata = db.Query dbdata 中。
new Chart 和高度。
AddTitle
DataBindTable 表。
Write() 表。
使用 DataBindTable AddSeriesDataBindTable 但是 AddSeries 和数据:
实例
@{
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
是使用 XML
实例
@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();}
}
运行实例