Python Academy · Lektion

Interaktive Funktionen

Zoomen, Überfahren und Verschieben

Interaktive Funktionen ist eine kostenlose Python Academy-Lektion auf CoddyKit. Dies ist Lektion 2 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Python Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Python Academy-Kurs umfasst insgesamt 4 Lektionen.

Warum Interaktivität wichtig ist

Der größte Vorteil von Plotly gegenüber statischen Bibliotheken besteht darin, dass Diagramme auf die Benutzer reagieren. Leser können in einen Bereich hineinzoomen, die Daten verschieben und per Hover genaue Werte ablesen, ohne dass Sie das Diagramm mit Beschriftungen überladen müssen.

Dank Interaktivität kann ein einziges Diagramm sowohl den Überblick als auch Details vermitteln.

Hover-Tooltips

Wenn Sie den Mauszeiger über einen Punkt bewegen, werden standardmäßig seine x- und y-Werte angezeigt. Mit hover_data=['col1', 'col2'] können Sie zusätzliche Spalten einblenden, oder mit hover_name='name' den fett dargestellten Titel des Tooltips festlegen.

Gute Tooltips machen überflüssige Beschriftungen direkt im Diagramm überflüssig.

Eine Tooltip-Zeichenkette erstellen

Konzeptionell ist ein Tooltip einfach formatierter Text, der aus einer Datenzeile zusammengesetzt wird. Hier sehen Sie dieselbe Idee in einfachem Python.

point = {'name': 'Berlin', 'pop': 3700000, 'gdp': 154}
tooltip = point['name'] + '\nPop: ' + format(point['pop'], ',') + '\nGDP: ' + str(point['gdp'])
print(tooltip)

Zoomen und Verschieben

Plotly-Figures enthalten eine Mode Bar mit Werkzeugen zum Zoomen, Verschieben und zur Auswahl per Rechteck. Sie können auch ziehen, um in ein Rechteck hineinzuzoomen, und doppelt klicken, um die Ansicht zurückzusetzen.

Diese Funktionen sind standardmäßig aktiviert; normalerweise müssen Sie dafür keinen Code schreiben.

Der Bereich und das Zurücksetzen

Beim Zoomen ändert sich der Achsenbereich vorübergehend. Sie können den anfänglichen Bereich mit fig.update_xaxes(range=[0, 100]) festlegen, und Benutzer können jederzeit dorthin zurücksetzen.

Betrachten Sie das Zoomen als Auswahl eines Teilfensters aus dem vollständigen Datenbereich.

full_min, full_max = 0, 1000
zoom_min, zoom_max = 200, 400
visible = zoom_max - zoom_min
total = full_max - full_min
print('Zoom shows', round(visible / total * 100), '% of the range')

Hover-Modi

fig.update_layout(hovermode='x unified') zeigt einen einzigen Tooltip mit allen Reihen an der Position des aktuell berührten x-Werts. Das eignet sich hervorragend, um mehrere Linien am selben Zeitpunkt zu vergleichen.

Weitere Modi sind 'closest' und 'x'.

Interaktive Legenden

Plotly-Legenden sind anklickbar. Ein einfacher Klick blendet eine Datenreihe aus, ein Doppelklick hebt nur diese Datenreihe hervor. So können sich Benutzer auf die für sie wichtigen Daten konzentrieren, ohne dass Sie separate Diagramme erstellen müssen.

Das funktioniert automatisch, sobald Ihr Diagramm mehrere Traces enthält.

Range-Slider

Fügen Sie bei Zeitreihen mit fig.update_xaxes(rangeslider_visible=True) einen Range-Slider hinzu. Darunter wird ein kleines Übersichtsdiagramm angezeigt, in dem Benutzer durch Ziehen ein Zeitfenster auswählen können.

Er lässt sich gut mit Schaltflächen zur Bereichsauswahl wie 1m, 6m und YTD kombinieren.

Benutzerdefinierte Hover-Templates

Für vollständige Kontrolle verwenden Sie hovertemplate, eine Zeichenkette mit Platzhaltern wie %{x} und %{y}. Sie legen den genauen Text und die Zahlenformatierung fest, die beim Hover angezeigt werden.

Das Entwerfen des Templates funktioniert wie das Entwerfen jeder anderen formatierten Zeichenkette.

x, y = 2021, 42.567
template = 'Year %{x}: $%{y:.1f}M'
rendered = template.replace('%{x}', str(x)).replace('%{y:.1f}', format(y, '.1f'))
print(rendered)

Der richtige Zeitpunkt zum Aufhören

Interaktivität ist leistungsstark, aber nicht kostenlos. Zu viele Bedienelemente überfordern gelegentliche Leser. Aktivieren Sie die Funktionen, die konkrete Fragen beantworten, und verlassen Sie sich für den Rest auf die sinnvollen Standardeinstellungen.

Die Mode Bar

Die Werkzeugleiste oben rechts in jeder Figure ist die Mode Bar. Sie enthält Werkzeuge zum Zoomen, Verschieben und zur automatischen Skalierung sowie eine Kamera-Schaltfläche zum Herunterladen einer PNG-Datei. Beim Anzeigen der Figure können Sie sie mit dem config-Argument konfigurieren oder ausblenden.

Wenn Sie nicht benötigte Schaltflächen ausblenden, wirkt das Diagramm für nichttechnische Zielgruppen übersichtlicher.

Kurzer Test

Testen Sie Ihr Wissen über interaktive Funktionen.

Zusammenfassung

Sie haben die Interaktivität von Plotly erkundet:

Hover-Tooltips, erweitert mit hover_data und hovertemplate
Zoomen und Verschieben über die integrierte Mode Bar
hovermode='x unified' für kombinierte Tooltips
Anklickbare Legenden und Range-Slider für Zeitreihen

Setzen Sie diese Funktionen gezielt ein, um konkrete Fragen zu beantworten.

Häufig gestellte Fragen

Ist die Lektion „Interaktive Funktionen“ kostenlos?

Ja — der vollständige Text von „Interaktive Funktionen“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Python Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Python Academy-Kurs umfasst insgesamt 4 Lektionen.

Was lerne ich in „Interaktive Funktionen“?

Zoomen, Überfahren und Verschieben Du übst Python Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um Python Academy zu starten?

Keine Vorkenntnisse erforderlich. Python Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 2 von 4.

Wie lange dauert die Lektion „Interaktive Funktionen“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser Python Academy-Lektion Code schreiben und ausführen?

Ja. Jede Python Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

← Zurück zu Python Academy