ASP.NET Web Pages – Chart 幫助器
阿新 • • 發佈:2019-01-29
來自資料庫的圖表
您可以首先執行一次資料庫查詢,然後使用結果中的資料來建立圖表:
例項
@{ 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
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(); }
執行例項