Charts für Swift: Komplette Anleitung mit Beispielen

Einführung in Charts für Swift

Charts ist eine leistungsstarke und flexible Open-Source-Bibliothek zur Datenvisualisierung auf Apple-Plattformen (iOS, tvOS, macOS, watchOS). Sie ist in Swift geschrieben und bietet eine breite Palette von Diagrammtypen: von einfachen Linien- und Balkendiagrammen bis hin zu komplexen kombinierten und Blasendiagrammen. Die Bibliothek ist ein Fork der bekannten iOS-Bibliothek ios-charts, die wiederum von der Java-Bibliothek MPAndroidChart portiert wurde.

Warum Charts verwenden?

• Datenvisualisierung: Verwandelt langweilige Zahlen in anschauliche Grafiken und Diagramme.
• Umfangreiche Funktionalität: Unterstützt Animationen, interaktive Interaktion (Berührungen, Hervorhebung), Legenden, Achsen, Datenmarkierungen und vieles mehr.
• Native Leistung: In Swift geschrieben, nutzt Core Graphics und Core Animation für flüssige Performance, selbst bei großen Datenmengen.
• Einfache Integration: Lässt sich leicht über Swift Package Manager, CocoaPods oder Carthage installieren.
• Aktive Community: Wird regelmäßig aktualisiert, bietet umfangreiche Dokumentation und viele Beispiele.

Installation der Charts-Bibliothek

Charts kann auf drei Arten installiert werden. Der empfohlene Weg ist der Swift Package Manager (SPM).

1. Swift Package Manager (SPM) – Empfohlene Methode

1. Öffnen Sie Ihr Projekt in Xcode.
2. Wählen Sie File → Add Packages...
3. Geben Sie im Suchfeld die Repository-URL ein: https://github.com/danielgindi/Charts.git
4. Wählen Sie die gewünschte Version (normalerweise die neueste stabile Version).
5. Klicken Sie auf Add Package.
6. Stellen Sie sicher, dass das Paket zu Ihrem Target hinzugefügt wurde.

2. CocoaPods

Fügen Sie Folgendes in Ihre Podfile ein:

platform :ios, '13.0'
use_frameworks!

target 'YourApp' do
  pod 'Charts'
end

Führen Sie dann den folgenden Befehl im Terminal aus:

pod install

3. Carthage

Fügen Sie Folgendes in Ihre Cartfile ein:

github "danielgindi/Charts"

Führen Sie dann aus:

carthage update

Schnellstart: Ihr erstes Diagramm erstellen

Lassen Sie uns ein einfaches Liniendiagramm erstellen, das die Temperaturänderung über eine Woche anzeigt.

1. Importieren Sie die Bibliothek in Ihren Controller:

   import UIKit
   import Charts

2. Fügen Sie eine View im Storyboard hinzu oder erstellen Sie sie programmatisch:

   Ziehen Sie im Storyboard eine UIView und ändern Sie deren Klasse im Identity Inspector auf LineChartView. Erstellen Sie einen IBOutlet:

   @IBOutlet weak var lineChartView: LineChartView!

3. Konfigurieren Sie die Daten:

   func setupLineChart() {
       // 1. Datenpunkte erstellen
       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. Datensatz erstellen
       let lineDataSet = LineChartDataSet(entries: dataEntries, label: "Temperatur (°C)")
       lineDataSet.colors = [.systemBlue] // Linienfarbe
       lineDataSet.circleColors = [.systemRed] // Punktfarbe
       lineDataSet.circleRadius = 4.0
       lineDataSet.lineWidth = 2.0
   
       // 3. Datenobjekt erstellen
       let lineData = LineChartData(dataSet: lineDataSet)
   
       // 4. Daten dem Diagramm zuweisen
       lineChartView.data = lineData
   
       // 5. Zusätzliche Einstellungen
       lineChartView.xAxis.labelPosition = .bottom
       lineChartView.rightAxis.enabled