Latest web development tutorials

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.

wykreswykres

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

@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)
.AddTitle("Sales Per Employee")
.AddSeries("Default", chartType: "Pie",
xValue: dataView, xField: "Name",
yValues: dataView, yFields: "Sales")
.Write();}
}

Uruchomienie instancji »