ASP.NET Web Pages - Chart Helper

Chart - ໜຶ່ງໃນຫຼາຍອົງກອນໃຊ້ຫຼາຍຂອງ ASP.NET Web.

Chart Helper

ໃນວັນນີ້ນັ້ນກໍາລັງຮຽນວິທີສະແດງຂໍ້ມູນໃນ ASP.NET “Helper”.

ທ່ານໄດ້ຮຽນວິທີສະແດງຂໍ້ມູນໃນການແບບ “WebGrid Helper”.

ວັນນີ້ນັ້ນກໍາລັງກຳນົດວິທີສະແດງຂໍ້ມູນໃນສະແດງການ ຜ່ານການໃຊ້ “Chart 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();
}

ດຳເນີນການຈັດອອກ

new Chart ສ້າງອົງການສະແດງຕາມລະຫວ່າງການກຳນົດວັດທະນາຄານດັງຂອງພວກເຂົາ.

AddTitle ວິທີສາມາດກຳນົດຫົວຂໍ້ສະແດງ.

AddSeries ວິທີສາມາດເພີ່ມຂໍ້ມູນໃຫ້ສະແດງ.

chartType ພະຍາດກຳນົດຊະນິດສະແດງ.

xValue ພະຍາດກຳນົດຄຸນນະພາບຂອງວິທິຕາມການດັງ.

yValues ພະຍາດກຳນົດຄຸນນະພາບຂອງວິທິຕາມການດັງ.

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 db = Database.Open ເປີດຖານຂໍ້ມູນ (ແລະບັນທຶກອົງການຂໍ້ມູນຂອງພວກເຂົາໃຫ້ຫົວຂໍ້ db).

var dbdata = db.Query ດຳເນີນການສອບສວນຖານຂໍ້ມູນຂອງຖານຂໍ້ມູນແລະບັນທຶກຜົນຄະແນນຂອງພວກເຂົາໃນ dbdata.

new Chart ສ້າງອົງການສະແດງຕາມລະຫວ່າງການກຳນົດວັດທະນາຄານດັງຂອງພວກເຂົາ.

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 ເປັນຂໍ້ມູນຂອງການຈັດອອກ:

ຄວາມຄົນກໍາລັງ

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

ດຳເນີນການຈັດອອກ