ASP.NET веб-страниц Диаграмма
Диаграмма помощник - один из многих полезных ASP.NET Web Helper.
Диаграмма Helper
В предыдущей главе вы узнали, как использовать ASP.NET в "помощника".
Как уже было описано, как использовать "WebGrid помощника" для отображения данных в сетке.
В этой главе описывается, как использовать "Диаграмма Helper" графически отображаются данные.
"Chart Helper" может создавать различные типы этикеток с различными параметрами форматирования и изображения диаграммы. Это может создать площадь диаграммы, гистограммы, диаграммы столбцов, линейные диаграммы, круговые диаграммы и другие стандарты, он может создать более профессиональный график, как биржевые диаграммы.
Данные могут быть отображены в диаграмме из массива, данных представляет собой базу данных или файл.
Создание диаграммы на основе массива
В следующем примере показан код, необходимый для диаграммы данных из массива:
примеров
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();
}
Запуск экземпляра »
- Новый график создает новый объект диаграммы и установить его ширину и высоту
- Метод AddTitle определяет заголовок диаграммы
- AddSeries способ увеличения данных на диаграмме
- Параметр ChartType определяет тип диаграммы
- Параметр NamexValue определяет ось х
- Имя параметра определяет ,Y. оси 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 дБ = Database.Open открыть базу данных (объект базы данных присваивается переменной БД)
- Var dbdata = db.Query выполнить запрос к базе данных и сохранять результаты в dbdata
- Новый график создает новый объект диаграммы и установить его ширину и высоту
- Метод 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();
}
Запуск экземпляра »
Создание диаграмм на основе данных XML
Третий способ заключается в создании диаграммы, используя XML-файлы в качестве данных диаграммы:
примеров
@{
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();}
}
Запуск экземпляра »