نمودارها (WebPages Charts)
نمودارها تصویر داده ها هستند. «هلپر نمودار (Chart Helper)» در Web Pages خیلی سریع نمودار می سازد. مثل وقتی نمره ها را روی محور می بینی و روند را می فهمی.
نمودار از آرایه (Array)
اینجا داده ها در یک آرایه هستند. سپس با «AddSeries» مقدارها روی ستون ها می نشیند.
@{
var myChart = new Chart(width: 600, height: 400);
myChart = myChart.AddTitle("Employees");
myChart = myChart.AddSeries(chartType: "column",
xValue: new[] { "Peter", "Andrew", "Julie", "Mary", "Dave" },
yValues: new[] { "2", "6", "4", "5", "3" });
myChart.Write();
}
نمودار از پایگاه داده با DataBindTable
این روش مستقیم جدول نتیجه را می بندد. سپس محور X را از فیلد نام می گیرد.
@{
var db = Database.Open("SmallBakery");
var dbdata = db.Query("SELECT Name, Price FROM Product");
var myChart = new Chart(width: 600, height: 400);
myChart = myChart.AddTitle("Product Sales");
myChart = myChart.DataBindTable(dataSource: dbdata, xField: "Name");
myChart.Write();
}
نمودار از پایگاه داده با AddSeries
اینجا کنترل بیشتری داری. نوع نمودار و فیلدها را دقیق تعیین می کنی.
@{
var db = Database.Open("SmallBakery");
var dbdata = db.Query("SELECT Name, Price FROM Product");
var myChart = new Chart(width: 600, height: 400);
myChart = myChart.AddTitle("Product Sales");
myChart = myChart.AddSeries(chartType: "Pie",
xValue: dbdata, xField: "Name",
yValues: dbdata, yFields: "Price");
myChart.Write();
}
نمودار از فایل XML
گاهی داده ها در XML هستند. اول می خوانیم، بعد با Chart نمایش می دهیم.
@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);
myChart = myChart.AddTitle("Sales Per Employee");
myChart = myChart.AddSeries("Default", chartType: "Pie",
xValue: dataView, xField: "Name",
yValues: dataView, yFields: "Sales");
myChart.Write();
}
گام های عملی ساخت نمودار
- منبع داده را آماده کن.
- Chart را بساز و عنوان بده.
- داده را Bind کن و خروجی بنویس.
نکته: برای نمایش جدولی، از وب گرید کمک بگیر. همچنین مرجع هلپرها توضیح می دهد هر هلپر چه می کند. برای اتصال داده، بخش پایگاه داده ها را ببین.
جمع بندی سریع
- نمودار فهم داده را سریع تر می کند.
- DataBindTable ساده و سریع است.
- AddSeries انعطاف بیشتری می دهد.
- آرایه، دیتابیس، یا XML پشتیبانی می شود.