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();}
}

运行实例