ASP.NET Web Pages - Chart 帮助器

Chart - 众多有用的 ASP.NET Web 帮助器之一。

Chart Helper

在前一章，您已经学到了如何使用一个 ASP.NET “帮助器”。

您已学到如何使用 “WebGrid 帮助器”在网格中显示数据。

ਇਸ ਚਾਪ ਵਿੱਚ ਚਾਰਟ ਵਿੱਚ ਕਿਵੇਂ ਡਾਟਾ ਦਿਖਾਇਆ ਜਾਵੇ, ਇਸ ਦੀ ਵਿਆਖਿਆ ਕੀਤੀ ਗਈ ਹੈ ਕਿ "ਚਾਰਟ ਹੈਲਪਰ" ਦੀ ਵਰਤੋਂ ਕਰਕੇ。

“ਚਾਰਟ ਹੈਲਪਰ” ਕਈ ਫਾਰਮੈਟ ਅਤੇ ਟੈਗ ਦੇ ਮਾਧਿਅਮ ਨਾਲ ਵੱਖ-ਵੱਖ ਤਰ੍ਹਾਂ ਦੇ ਚਾਰਟ ਚਿੱਤਰ ਬਣਾ ਸਕਦਾ ਹੈ।ਇਹ ਸਟੈਂਡਰਡ ਚਾਰਟਸ (ਜਿਵੇਂ ਕਿ ਅਰੇਆ ਚਾਰਟ, ਕਾਲਮ ਚਾਰਟ, ਪਿਲਕਰ ਚਾਰਟ, ਲਾਈਨ ਚਾਰਟ ਅਤੇ ਪਾਇਰੀਸ਼ ਚਾਰਟ) ਅਤੇ ਹੋਰ ਪੇਸ਼ੇਵਰ ਚਾਰਟਸ (ਜਿਵੇਂ ਕਿ ਸਟਾਕ ਟ੍ਰੈਕਡਿੰਗ ਚਾਰਟ) ਬਣਾ ਸਕਦਾ ਹੈ。

ਚਾਰਟ ਵਿੱਚ ਦਿਖਾਈ ਜਾਣ ਵਾਲਾ ਡਾਟਾ ਮੰਡਾਲ, ਡਾਟਾਬੇਸ ਜਾਂ ਫਾਈਲ ਤੋਂ ਆਉਂਦਾ ਹੈ。

ਮੰਡਾਲ ਤੋਂ ਚਾਰਟ

ਹੇਠ ਦਿੱਤੇ ਉਦਾਹਰਣ ਵਿੱਚ ਕੋਡ ਇਹ ਵਰਗੇ ਹੈ ਜੋ ਮੰਡਾਲ ਦੇ ਦਾਤਾ ਤੋਂ ਚਾਰਟ ਦਿਖਾਉਂਦਾ ਹੈ:

ਇੰਸਟੈਂਸ

@{ 
var myChart = new Chart(width: 600, height: 400) 
   .ਐਡਟਾਈਟਲ("Employees") 
   .ਐਡਸਿਰੀਜ਼(ਚਾਰਟਟਾਈਪ: "column",
      ਐਕਸਵੇਲ: new[] {  "Peter", "Andrew", "Julie", "Mary", "Dave" }, 
      ਵਾਈਵੇਲਜ਼: new[] { "2", "6", "4", "5", "3" }) 
   .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") 
   .ਡੇਟਾਬਾਈਂਡਟੇਬਲ(ਡਾਟਾਸੋਰਸ: dbdata, ਐਕਸਫੀਲਡ: "ਨਾਮ")
   .Write();
}

ਇੰਸਟੈਂਸ ਚਲਾਓ

ਵਾਰੀਬਲ db = ਡਾਟਾਬੇਸ ਖੋਲ੍ਹੋ ਡਾਟਾਬੇਸ ਖੋਲ੍ਹੋ (ਅਤੇ ਡਾਟਾਬੇਸ ਆਬਜੈਕਟ ਨੂੰ ਵਾਰੀਬਲ ਵਿੱਚ ਸੰਭਾਲਦਾ ਹੈ)。

ਵਾਰ ਡਬਲਿਊਏਸ ਕੁਰਸੀ ਚਲਾਉਂਦਾ ਹੈ ਅਤੇ ਨਤੀਜੇ ਨੂੰ dbdata ਵਿੱਚ ਸੰਭਾਲਦਾ ਹੈ。 ਡਾਟਾਬੇਸ ਕੁਰਸੀ ਚਲਾਉਂਦਾ ਹੈ ਅਤੇ ਨਤੀਜੇ ਨੂੰ dbdata ਵਿੱਚ ਸੰਭਾਲਦਾ ਹੈ。

ਨਵਾਂ ਚਾਰਟ ਨਵਾਂ ਚਾਰਟ ਆਬਜੈਕਟ ਬਣਾਉਂਦਾ ਹੈ ਅਤੇ ਇਸ ਨੂੰ ਚੌਕਸਾਰ ਅਤੇ ਉਚਾਈ ਸੈਟ ਕਰਦਾ ਹੈ。

ਐਡਟਾਈਟਲ ਮੈਥਡ ਚਾਰਟ ਦੇ ਟਾਈਟਲ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。

ਡੇਟਾਬਾਈਂਡਟੇਬਲ ਮੈਥਡ ਡਾਟਾ ਸੋਰਸ ਨੂੰ ਚਾਰਟ ਨਾਲ ਬਾਂਧਦਾ ਹੈ。

ਵਰਾਇਟ() ਮੈਥਡ ਚਾਰਟ ਨੂੰ ਦਿਖਾਉਂਦਾ ਹੈ。

ਡੇਟਾਬਾਈਂਡਟੇਬਲ ਮੈਥਡ ਦੀ ਬਦਲ ਵਜ੍ਹਾ ਹੈ ਕਿ ਐਡਸਿਰੀਜ਼ ਦਾ ਉਪਯੋਗ ਕਰਨਾ (ਇਸ ਪਹਿਲਾਂ ਦੇ ਉਦਾਹਰਣ ਨੂੰ ਦੇਖੋ)।ਡੇਟਾਬਾਈਂਡਟੇਬਲ ਹੋਰ ਅਸਾਨ ਹੈ, ਲੇਕਿਨ ਐਡਸਿਰੀਜ਼ ਦੀ ਸਪੈਂਸਬਲਟੀ ਹੋਰ ਮਜ਼ਬੂਤ ਹੈ, ਕਿਉਂਕਿ ਇਹ ਚਾਰਟ ਅਤੇ ਡਾਟਾ ਨੂੰ ਹੋਰ ਜ਼ਿਆਦਾ ਸਹੀ ਤਰੀਕੇ ਨਾਲ ਨਿਰਧਾਰਿਤ ਕਰ ਸਕਦਾ ਹੈ:

ਇੰਸਟੈਂਸ

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

ਇੰਸਟੈਂਸ ਚਲਾਓ