MPAndroidChart für Kotlin: Komplettguide mit Beispielen

MPAndroidChart ist eine leistungsstarke und flexible Open-Source-Bibliothek zur Erstellung von Diagrammen und Charts in Android-Apps. Obwohl in Java geschrieben, ist sie dank vollständiger Interoperabilität perfekt mit Kotlin kompatibel. Diese Bibliothek gilt als De-facto-Standard für Datenvisualisierung im Android-Ökosystem und bietet eine breite Palette an Diagrammtypen: von einfachen Linien- und Balkendiagrammen bis hin zu komplexen Kreis-, Blasen- und Kombinationsdiagrammen.

Warum MPAndroidChart? In der modernen mobilen Entwicklung spielt Datenvisualisierung eine Schlüsselrolle. Ob Finanzkennzahlen, Sportergebnisse, App-Nutzungsstatistiken oder Temperaturverläufe – ein gutes Diagramm macht Informationen anschaulich und verständlich. MPAndroidChart übernimmt die gesamte schwere Arbeit beim Rendern, Animieren, Berühren und Zoomen, sodass Sie sich auf die App-Logik konzentrieren können. Die Bibliothek unterstützt Tausende von Datenpunkten, läuft selbst auf älteren Geräten flüssig und bietet Dutzende von Anpassungsmöglichkeiten.

In diesem Guide gehen wir detailliert auf die Installation, die wichtigsten Klassen und Methoden ein, schreiben mehrere funktionierende Beispiele in Kotlin und geben praktische Tipps zur Leistungsoptimierung. Am Ende können Sie sicher jede Art von Diagramm in Ihre Android-App integrieren.

1. Installation

MPAndroidChart wird über Maven Central verteilt. Fügen Sie die Abhängigkeit in Ihre build.gradle-Datei des Moduls (meist app/build.gradle) ein.

Gradle-Befehl:

dependencies {
    implementation 'com.github.PhilJay:MPAndroidChart:v3.1.0'
}

Nach dem Hinzufügen synchronisieren Sie das Projekt (Sync Now). Die Bibliothek ist bereit zur Nutzung.

Wichtig: Stellen Sie sicher, dass in der build.gradle auf Projektebene das Maven Central Repository eingetragen ist:

allprojects {
    repositories {
        google()
        mavenCentral()
    }
}

Falls Sie das neue Setup (Gradle 7+) verwenden, fügen Sie das Repository in settings.gradle.kts hinzu:

dependencyResolutionManagement {
    repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
    repositories {
        google()
        mavenCentral()
    }
}

2. Schnellstart – Minimalbeispiel

Erstellen wir ein einfaches Liniendiagramm mit drei Datenpunkten. Fügen Sie zunächst ein LineChart in Ihr XML-Layout ein:

<!-- activity_main.xml -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <com.github.mikephil.charting.charts.LineChart
        android:id="@+id/lineChart"
        android:layout_width="match_parent"
        android:layout_height="400dp" />

</LinearLayout>

Jetzt der Code in der Activity (Kotlin):

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import com.github.mikephil.charting.charts.LineChart
import com.github.mikephil.charting.data.Entry
import com.github.mikephil.charting.data.LineData
import com.github.mikephil.charting.data.LineDataSet

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val lineChart: LineChart = findViewById(R.id.lineChart)

        // 1. Datenpunkte erstellen (Entry)
        val entries = listOf(
            Entry(0f, 10f),   // x=0, y=10
            Entry(1f, 20f),   // x=1, y=20
            Entry(2f, 15f)    // x=2, y=15
        )