Charts Swift: पूरी गाइड उदाहरणों के साथ

Charts Swift का परिचय

Charts एक शक्तिशाली और लचीली ओपन-सोर्स लाइब्रेरी है जो Apple प्लेटफ़ॉर्म (iOS, tvOS, macOS, watchOS) पर डेटा विज़ुअलाइज़ेशन के लिए उपयोग की जाती है। यह Swift में लिखी गई है और इसमें कई प्रकार के चार्ट शामिल हैं: सरल लाइन और बार चार्ट से लेकर जटिल कॉम्बिनेशन और बबल चार्ट तक। यह लाइब्रेरी प्रसिद्ध iOS लाइब्रेरी ios-charts का फोर्क है, जो Java लाइब्रेरी MPAndroidChart से पोर्ट की गई थी।

Charts की आवश्यकता क्यों?

• डेटा विज़ुअलाइज़ेशन: उबाऊ संख्याओं को आकर्षक ग्राफ़ और चार्ट में बदलता है।
• समृद्ध कार्यक्षमता: एनिमेशन, इंटरैक्टिव सुविधाएँ (टैप, हाइलाइट), लीजेंड, एक्सिस, डेटा मार्कर और बहुत कुछ सपोर्ट करता है।
• नेटिव परफॉरमेंस: Swift में लिखा होने के कारण, यह Core Graphics और Core Animation का उपयोग करता है, जिससे बड़े डेटा सेट पर भी स्मूथ परफॉरमेंस मिलती है।
• आसान इंटीग्रेशन: Swift Package Manager, CocoaPods या Carthage के ज़रिए आसानी से इंस्टॉल किया जा सकता है।
• सक्रिय कम्युनिटी: नियमित रूप से अपडेट होता है, जिसमें विस्तृत डॉक्यूमेंटेशन और कई उदाहरण शामिल हैं।

Charts लाइब्रेरी की इंस्टॉलेशन

Charts को तीन मुख्य तरीकों से इंस्टॉल किया जा सकता है। Swift Package Manager (SPM) सबसे अनुशंसित तरीका है।

1. Swift Package Manager (SPM) — अनुशंसित तरीका

1. Xcode में अपना प्रोजेक्ट खोलें।
2. File → Add Packages... पर क्लिक करें।
3. सर्च बार में रिपॉजिटरी URL डालें: https://github.com/danielgindi/Charts.git
4. मनचाहा वर्जन चुनें (आमतौर पर नवीनतम स्थिर वर्जन)।
5. Add Package पर क्लिक करें।
6. सुनिश्चित करें कि पैकेज आपके टार्गेट में जुड़ गया है।

2. CocoaPods

अपने Podfile में यह जोड़ें:

platform :ios, '13.0'
use_frameworks!

target 'YourApp' do
  pod 'Charts'
end

फिर टर्मिनल में यह कमांड चलाएँ:

pod install

3. Carthage

अपने Cartfile में यह जोड़ें:

github "danielgindi/Charts"

फिर यह चलाएँ:

carthage update

त्वरित शुरुआत: अपना पहला चार्ट बनाएँ

चलिए एक सरल लाइन चार्ट बनाते हैं जो एक सप्ताह के तापमान में बदलाव दिखाता है।

1. लाइब्रेरी इम्पोर्ट करें अपने कंट्रोलर में:

   import UIKit
   import Charts

2. Storyboard पर View जोड़ें या प्रोग्रामेटिक रूप से बनाएँ:

   Storyboard पर UIView ड्रैग करें और Identity Inspector में इसका क्लास LineChartView में बदलें। एक IBOutlet बनाएँ:

   @IBOutlet weak var lineChartView: LineChartView!

3. डेटा सेट करें:

   func setupLineChart() {
       // 1. डेटा पॉइंट बनाएँ
       let dataEntries: [ChartDataEntry] = [
           ChartDataEntry(x: 1.0, y: 20.0),
           ChartDataEntry(x: 2.0, y: 22.0),
           ChartDataEntry(x: 3.0, y: 19.0),
           ChartDataEntry(x: 4.0, y: 25.0),
           ChartDataEntry(x: 5.0, y: 23.0),
           ChartDataEntry(x: 6.0, y: 21.0),
           ChartDataEntry(x: 7.0, y: 26.0)
       ]
   
       // 2. डेटा सेट बनाएँ
       let lineDataSet = LineChartDataSet(entries: dataEntries, label: "तापमान (°C)")
       lineDataSet.colors = [.systemBlue] // लाइन का रंग
       lineDataSet.circleColors = [.systemRed] // पॉइंट का रंग
       lineDataSet.circleRadius = 4.0
       lineDataSet.lineWidth = 2.0
   
       // 3. डेटा ऑब्जेक्ट बनाएँ
       let lineData = LineChartData(dataSet: lineDataSet)
   
       // 4. चार्ट को डेटा असाइन करें
       lineChartView.data = lineData
   
       // 5. अतिरिक्त सेटिंग्स
       lineChartView.xAxis.labelPosition = .bottom
       lineChartView.rightAxis.enabled