1. 程式人生 > >ASP.NET Web Pages – Chart 幫助器

ASP.NET Web Pages – Chart 幫助器

來自資料庫的圖表

您可以首先執行一次資料庫查詢,然後使用結果中的資料來建立圖表:

例項

@{ 
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 方法的替代方案是使用 AddSeries(參見前一個例子)。DataBindTable 更易使用,但是 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();
}

執行例項