ASP.NET Web Pages - Chart-apuohjelma
- Edellinen sivu WebPages WebGrid
- Seuraava sivu WebPages sähköposti
Chart - useista hyödyllisistä ASP.NET Web-apuohjelmista yksi.
Chart Helper
Edellisessä luvussa olet oppinut, miten käyttää ASP.NET "avustajaa".
Olet oppinut, miten näyttää tietoja verkkoraidassa käyttämällä "WebGrid-apuohjelmaa".
Tämä luku käsittelee, miten näytetään tietoja kaaviossa käyttämällä "Chart-apuohjelmaa".
"Chart-apuohjelma" voi luoda erilaisia kaavioita eri muodoissa ja merkeissä. Se voi luoda standardeja kaavioita, kuten aluekaavioita, pylväskaavioita, sarakkeita, viivakaavioita ja viipalekaavioita, sekä ammattimaisia kaavioita (kuten osakkeiden hinnanlaskenta).
Kaaviossa näkyvät tiedot voivat olla taulukosta, tietokannasta tai tiedostosta tulevia tietoja.
Taulukosta tuleva kaavio
Esimerkissä oleva koodi käyttää taulukosta tulevaa dataa kaavion näyttämiseen:
Esimerkki
@{
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();
}
Suorita esimerkki
new Chart Luo uusi kaavio-objekti ja aseta sen leveys ja korkeus.
AddTitle Metodi määrittää kaavion otsikon.
AddSeries Metodi lisää dataa kaavioon.
chartType Parametri määrittää kaavion tyyppin.
xValue Parametri määrittää x-akksen arvot.
yValues Parametri määrittää y-akksen arvot.
Write() Metodi näyttää kaavion.
Tietokannasta tuleva kaavio
Voit ensin suorittaa kerran tietokantahaun ja käyttää tuloksista olevaa dataa kaavion luomiseen:
Esimerkki
@{
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();
}
Suorita esimerkki
var db = Database.Open Avaa tietokanta (ja aseta tietokanta-objekti muuttujaan db).
var dbdata = db.Query Suorita tietokantahausta ja tallenna tulokset dbdata-muuttujaan.
new Chart Luo uusi kaavio-objekti ja aseta sen leveys ja korkeus.
AddTitle Metodi määrittää kaavion otsikon.
DataBindTable Metodi sitouttaa tietolähteen kaavioon.
Write() Metodi näyttää kaavion.
Vaihtoehto DataBindTable-metodille on käyttää AddSeries-metodia (katso edellinen esimerkki). DataBindTable on helpommin käyttää, mutta AddSeries on joustavampi, koska se voi määrittää tarkemmin kaavion ja datan:
Esimerkki
@{
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();
}
Suorita esimerkki
XML-tiedostosta tuleva图表
Kolmas vaihtoehto图表的生成是使用XML文件作为图表数据：
Esimerkki
@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();}
}
Suorita esimerkki
- Edellinen sivu WebPages WebGrid
- Seuraava sivu WebPages sähköposti
