एसपीएनईटी वेब पेज - चार्ट हेल्पर

चार्ट - एसपीएनईटी वेब हेल्परों में से एक।

चार्ट हेल्पर

पिछले चैप्टर में, आपने एक एसपीएनईटी "हेल्पर" का उपयोग करने के तरीके सीखे हैं।

आपने "WebGrid हेल्पर" के द्वारा ग्रिड में डेटा दिखाने के तरीके सीखे हैं।

इस चैप्टर में, चार्ट हेल्पर के द्वारा चित्र में डेटा कैसे दिखाया जाता है, इसे सीखा जाता है।

चार्ट हेल्पर विभिन्न फॉर्मेट और टैग के द्वारा विभिन्न प्रकार के चित्र की तस्वीरें बना सकता है। यह मानक चित्र (जैसे कि एरिया चित्र, बार चित्र, स्तंभ चित्र, लाइन चित्र और पिच चित्र) और अधिक विशेषज्ञ चित्र (जैसे कि शेयर की कीमत के चित्र) को बना सकता है।

चित्र में दिखाई देने वाला डेटा एक्सेससीज़ी, डाटाबेस या फ़ाइल से आयातित डेटा हो सकता है।

एक्सेससीज़ी से आयातित चित्र

नीचे दिए गए कोड में एक एक्सेससीज़ी के डाटा का उपयोग करके चित्र दिखाया गया है:

उदाहरण

@{ 
var myChart = new Chart(width: 600, height: 400) 
   .एडडी टाइटल("Employees") 
   .एडडी सीरीज़(चार्टटाइप: "column",
      एक्सवैल्यू: new[] {  "Peter", "Andrew", "Julie", "Mary", "Dave" }, 
      यीवीएल्स: new[] { "2", "6", "4", "5", "3" }) 
   .Write();
}

उदाहरण चलाएं

नया चार्ट नया चित्र ऑब्जेक्ट बनाएँ और इसकी चौड़ाई और ऊंचाई सेट करें।

एडडी टाइटल विधि चित्र का शीर्षक निर्धारित करती है।

एडडी सीरीज़ विधि चित्र में डेटा जोड़ती है।

चार्टटाइप पैरामीटर चित्र के तरीके को परिभाषित करता है।

एक्सवैल्यू पैरामीटर x अक्ष के मान को परिभाषित करता है।

यीवीएल्स पैरामीटर y अक्ष के मान को परिभाषित करता है।

वरिटी() विधि चित्र दिखाती है।

डाटाबेस से आयातित चित्र

आप पहले एक बार डाटाबेस की क्वेरी चला सकते हैं और फिर परिणाम के डेटा का उपयोग करके चित्र बना सकते हैं:

उदाहरण

@{ 
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") 
   .डेटा बाइंड टेबल(डाटासोर्स: डाटाबेस, एक्सफील्ड: "नाम")
   .Write();
}

उदाहरण चलाएं

वार डाटाबेस = डाटाबेस.ओपन डाटाबेस खोलें (और डाटाबेस ऑब्जेक्ट को वार डाब को आबंटित करें)।

वार डाटाबेस = डाटाबेस.क्वेरी डाटाबेस की क्वेरी चलाएँ और परिणाम को 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();}
}

उदाहरण चलाएं