Wykres ASP.NET Web Pages
Wykres pomocnika - jeden z wielu przydatnych ASP.NET Web Helper.
Wykres Helper
W poprzednim rozdziale dowiedziałeś się, jak korzystać z ASP.NET za "pomocnika".
Jak już opisano, jak używać "WebGrid pomocnika" do wyświetlania danych w siatce.
W tym rozdziale opisano sposób korzystania z "Chart Helper" graficznie dane.
"Wykres Helper" można tworzyć różne rodzaje etykiet z różnych opcji formatowania i obrazu wykresu. Można tworzyć wykresy powierzchnia, wykresy słupkowe, wykresy kolumnowe, wykresy liniowe, wykresy kołowe i inne standardy, może to stworzyć bardziej profesjonalny wykres jak wykresów giełdowych.
Dane mogą być wyświetlane w tabeli z tablicy danych jest baza danych lub plik.
Tworzenie wykresu na podstawie tablicy
Poniższy przykład pokazuje kod wymagany do wykresu danych z tablicy:
Przykłady
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();
}
Uruchomienie instancji »
- Nowy Wykres tworzy nowy obiekt wykresu i ustawić jego szerokość i wysokość
- Metoda AddTitle określa tytuł wykresu
- AddSeries Sposób zwiększania danych na wykresie
- Parametr ChartType określa typ wykresu
- Parametr NazwaXvalue definiuje oś x
- Parametr NameyValues definiuje oś y
- Write () w celu wyświetlenia wykresu
Tworzenie wykresu na podstawie bazy danych
Można wykonać zapytania do bazy danych, a następnie użyj wyniki kwerendy danych, aby stworzyć wykres:
Przykłady
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();
}
Uruchomienie instancji »
- Var db = Database.Open otworzyć bazę danych (obiekt w bazie przypisane do zmiennej db)
- Var dbdata = db.Query wykonać zapytania do bazy danych i zapisywać wyniki w dbdata
- Nowy Wykres tworzy nowy obiekt wykresu i ustawić jego szerokość i wysokość
- Metoda AddTitle określa tytuł wykresu
- Metoda DataBindTable związać źródło danych do wykresu
- Write () w celu wyświetlenia wykresu
Oprócz zastosowania poza metodą DataBindTable, innym sposobem jest użycie AddSeries (patrz poprzedni przykład). DataBindTable łatwiejsze w użyciu, ale AddSeries bardziej elastyczne, ponieważ można dokładniej określić wykresy i dane:
Przykłady
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();
}
Uruchomienie instancji »
Tworzenie wykresów na podstawie danych XML
Trzecią metodą jest stworzenie wykresu za pomocą plików XML jako danych wykresu:
Przykłady
@{
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();}
}
Uruchomienie instancji »