ASP.NET Web Pages - Chart Helper

Chart - moja ya vifaa vya ASP.NET Web vingi.

Chart Helper

Kwenye kitendo cha kuzaidia, wewe umefika matukio ya kutumia ASP.NET "Helper".

Wewe umefika matukio ya kuonyesha data katika grid kwa kutumia "WebGrid Helper".

Lengo hili linaongea kuhusu matukio ya data katika chart kwa kutumia "Chart Helper".

"Chart Helper" inaweza kumwambaa picha za chart kwa viwango na vifaa vingine. Inaweza kumwambaa chart za kawaida, kama chart ya eneo, chart ya kati, chart ya kati, chart ya mwingine na chart ya nguvu, kama chart ya chakula cha siku.

Data iliyonunuliwa katika chati inaweza kwa data kutoka kwenye array, database au faili

Chati kutoka kwenye array

Maelezo inayotumika hapa inaonyesha programu ya kichwa cha data cha array:

Mfano

@{ 
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();
}

Endelea Mifano

new Chart Kuangalia kipimo kipya cha chati na kumkinga ukubwa na ukweli

AddTitle Method inaangalia kichwa cha chati

AddSeries Method inaongeza data kwa chati

chartType Matokeo wa chartType inaangalia aina ya chart

xValue Matokeo wa xValue inaangalia thamani ya x axis

yValues Matokeo wa yValue inaangalia thamani ya y axis

Write() Method inaonyesha chati

Chati kutoka kwenye database

Wetuweza kumwambaa habari ya database mara moja kisha kutumia matokeo ya data kukuza chati:

Mfano

@{ 
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();
}

Endelea Mifano

var db = Database.Open Kufungua database (na kuanza kwa ujumbe wa database kwa kifungu db)

var dbdata = db.Query Kumwambaa habari ya database na kuondoa kwa dbdata

new Chart Kuangalia kipimo kipya cha chati na kumkinga ukubwa na ukweli

AddTitle Method inaangalia kichwa cha chati

DataBindTable Method inaangalia data ya kina kwa chati

Write() Method inaonyesha chati

Chaguo cha DataBindTable niweza kutumia matokeo wa AddSeries (angalia maelezo wa maelezo wa kuzaidia). DataBindTable ina nguvu zaidi kwa kufanya kwa sababu AddSeries ina uwezo wa kuchukua uwezo wa hatua na data:

Mfano

@{ 
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();
}

Endelea Mifano

Matokeo ya data ya XML

Chaguo cha kathreeza cha kichaguliwa kwa kuitumia faili ya XML kama data ya kichaguliwa:

Mfano

@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();}
}

Endelea Mifano