Panels mit Rows logisch gruppieren
Einklappbare Bereiche in komplexen Dashboards erstellen
Dashboards untereinander verlinken
Ordner zur Verwaltung von Dashboard-Sammlungen verwenden
Best Practices zur Dashboard-Struktur anwenden
Voraussetzungen
Teil 1 und Teil 2 der Tutorials abgeschlossen
Mindestens ein Dashboard mit mehreren Panels
Mit wachsender Anzahl an Panels wird eine gute Organisation immer wichtiger. Ein gut organisiertes Dashboard:
Lenkt den Blick -- Wichtige Informationen stehen oben
Gruppiert zusammengehörige Daten -- Panels zum gleichen Thema stehen beieinander
Reduziert kognitive Last -- Nutzende finden schnell, was sie suchen
Skaliert sauber -- Neue Inhalte lassen sich leicht hinzufügen
Dieses Tutorial behandelt die Organisationswerkzeuge, die Grafana bereitstellt.
Row-Organisation
Rows sind die wichtigste Methode, um zusammengehörige Panels zu gruppieren.
Rows sind horizontale Container, die:
Zusammengehörige Panels unter einer gemeinsamen Überschrift bündeln
Eingeklappt werden können, um Panels zu verbergen
Das schnelle Scannen von Dashboard-Bereichen ermöglichen
[SCREENSHOT: Dashboard with multiple row sections visible]
Klicke im Bearbeitungsmodus auf Add in der oberen Navigation
Wähle Row
[SCREENSHOT: Add menu showing Row option]
Eine neue Row erscheint mit dem Standardtitel "Row title"
Ziehe Panels unterhalb der Row, um sie diesem Bereich zuzuordnen
Row-Einstellungen konfigurieren
Klicke auf den Row-Titel, um ihn auszuwählen
Klicke auf das Zahnrad-Symbol oder rechtsklicke und wähle Edit
[SCREENSHOT: Row settings menu]
Konfiguriere die Optionen:
Row-Kopien pro Variablenwert erzeugen
Einklappbare Rows
Rows lassen sich einklappen, um ihre Panels zu verbergen:
Klicke auf den Pfeil neben dem Row-Titel
Alle Panels in dieser Row werden in die Row-Kopfzeile eingeklappt
Erneutes Klicken klappt die Row wieder aus
[SCREENSHOT: Collapsed row showing just the title bar]
Vorteile einklappbarer Rows:
Weniger Scrollen bei langen Dashboards
Nutzende können sich auf relevante Bereiche konzentrieren
Schnellerer initialer Ladevorgang (eingeklappte Panels werden nicht sofort gerendert)
Best Practices zur Row-Organisation
Zusammenfassende Kennzahlen, kritische KPIs, Alarme
Detaillierte Zeitreihen, Prozessparameter
Historische Daten, seltener benötigte Informationen
Beispielstruktur für ein Maschinen-Dashboard:
Panel-Positionierung
Das Rastersystem
Grafana verwendet ein Rastersystem mit 24 Spalten:
Breite
Spalten
Einsatzbereich
Große Zeitreihen, Tabellen
[SCREENSHOT: Grid showing column widths]
Panels skalieren
Bewege den Mauszeiger über den Panel-Rand, bis sich der Cursor ändert
Panels rasten an Rasterpositionen ein
[SCREENSHOT: Panel being resized with snap guides]
Tipp: Halte Shift beim Ziehen gedrückt, um feiner zu steuern.
Panels verschieben
Bewege den Mauszeiger über die Panel-Titelleiste
Ziehe das Panel an die neue Position
Andere Panels verschieben sich automatisch
Panels kopieren
Dupliziere ein Panel, um Varianten zu erstellen:
Klicke auf den Panel-Titel, dann More , dann Duplicate
[SCREENSHOT: Panel menu showing Duplicate option]
Die Kopie erscheint am unteren Rand des Dashboards
Ziehe sie an die gewünschte Position
Passe Query oder Einstellungen nach Bedarf an
Alternative: JSON kopieren
Klicke auf den Panel-Titel, dann More , dann Copy
Navigiere zum Ziel-Dashboard
Klicke auf Add , dann Paste panel
Dashboard-Links
Links helfen Nutzenden, zwischen zusammengehörigen Dashboards zu navigieren.
Arten von Links
Link zu einem anderen Grafana-Dashboard
Link zu einer externen Ressource
Kontextbezogener Link innerhalb eines Panels
Dashboard-Links hinzufügen
Öffne die Dashboard-Einstellungen (Zahnrad-Symbol in der oberen Navigation)
Wähle Links in der Seitenleiste
Klicke auf Add Dashboard Link
[SCREENSHOT: Dashboard settings Links section]
Ziel-Dashboard (bei Typ Dashboard)
Include current time range
Zeitauswahl an das Ziel weitergeben
Include current template variables
Variablenwerte an das Ziel weitergeben
Link in neuem Browser-Tab öffnen
[SCREENSHOT: Dashboard link configuration form]
Links erscheinen in der Dashboard-Kopfzeile
[SCREENSHOT: Dashboard header showing navigation links]
Beispiele für Dashboard-Links
Maschinenübersicht zu Maschinendetail:
Include variables: Ja (Maschinenauswahl)
Öffnet die Detailansicht für dieselbe Maschine und denselben Zeitraum
Dashboard zu externer Dokumentation:
URL: https://docs.enlyze.com/...
Drilldown-Links in Panels
Links erstellen, die beim Klicken auf Datenpunkte erscheinen:
Suche in der Seitenleiste den Bereich Data links
Klicke auf Add link
[SCREENSHOT: Data links section in panel editor]
Konfiguriere:
URL : Ziel (Variablen wie ${__data.fields.machine} sind möglich)
Beispiel: Klicke auf einen Maschinennamen in einer Tabelle, um das zugehörige Detail-Dashboard zu öffnen.
Ordner organisieren Dashboards in der Grafana-Seitenleiste.
Ordner erstellen
Gehe zu Dashboards im Hauptmenü
Klicke auf New , dann New folder
[SCREENSHOT: New folder creation]
Gib einen Ordnernamen ein
Dashboards in Ordner verschieben
Öffne die Dashboards -Liste
Wähle Dashboards über die Checkboxen aus
Wähle den Zielordner
[SCREENSHOT: Move dashboard dialog]
Alternative: Beim Speichern eines Dashboards den Ordner im Speichern-Dialog auswählen.
Empfohlene Ordnerstruktur
Zusammenfassungs-Dashboards, KPI-Übersicht
Maschinenüberwachung, Durchsatz
Qualitätskennzahlen, Abweichungsverfolgung
Regelmäßige Berichte, Exporte
Ordnerberechtigungen
Steuere, wer Dashboards in einem Ordner sehen oder bearbeiten darf:
Klicke auf Folder settings (Zahnrad-Symbol)
Weise Nutzenden oder Teams Viewer-/Editor-Rollen zu
[SCREENSHOT: Folder permissions settings]
Dashboard-Einstellungen
Globale Dashboard-Optionen konfigurieren.
Einstellungen öffnen
Klicke auf das Zahnrad-Symbol in der oberen Navigation
Oder drücke Ctrl+Shift+S / Cmd+Shift+S
Allgemeine Einstellungen
Optionale Beschreibung (wird in der Suche angezeigt)
Position in der Ordnerstruktur
Bearbeitung erlauben (deaktivieren für Nur-Ansicht)
Zeiteinstellungen
Browser, UTC oder spezifische Zeitzone
Standard-Aktualisierungsintervall
"Jetzt" verschieben bei verzögerter Datenlieferung
Geteiltes Fadenkreuz-Verhalten
Standard-Panel-Einstellungen
Dashboard-Versionierung
Grafana speichert Dashboard-Versionen automatisch.
Verlauf anzeigen
Öffne die Dashboard-Einstellungen
Wähle Versions in der Seitenleiste
[SCREENSHOT: Dashboard version history]
Eine Liste gespeicherter Versionen mit Zeitstempeln wird angezeigt
Versionen vergleichen
Klicke auf Compare versions
Sieh dir den JSON-Diff der Änderungen an
Frühere Versionen wiederherstellen
Wähle die gewünschte Version aus
Bestätige die Wiederherstellung
Tipp: Verwende aussagekräftige Commit-Nachrichten beim Speichern, um Änderungen nachzuverfolgen.
Praxisbeispiel: Organisiertes Maschinen-Dashboard
Ein gut strukturiertes Dashboard aufbauen:
Dashboard-Struktur
Konfigurationscheckliste
Tipps und Best Practices
Richtlinien zur Dashboard-Größe
Dashboard-Typ
Empfohlene Größe
1-2 Bildschirmseiten, kein Scrollen
Maximal 2-3 Bildschirmseiten
Kann mit einklappbaren Rows länger sein
Nach Berichtsabschnitten organisieren
Namenskonventionen
Verwende einheitliche Benennungsmuster:
"Produktion - Maschinenübersicht"
[Maschine] - [Detailgrad]
"Kiefel - Detailüberwachung"
[Report-Typ] - [Zeitraum]
"Qualitätsreport - Täglich"
Eine Navigationshierarchie aufbauen:
Zusammenfassung
Du hast gelernt, Dashboards effektiv zu organisieren:
Panels mit Rows gruppieren
Einklappbare Bereiche erstellen
Das Rastersystem für einheitliche Layouts nutzen
Dashboards zur Navigation verlinken
Dashboards in Ordnern organisieren
Dashboard-Einstellungen konfigurieren
Wie geht es weiter?
Weiter mit den fortgeschrittenen Funktionen:
Oder erkunde die weiterführenden Themen:
Tastenkombinationen
Bearbeitungsmodus umschalten
Row-Organisation
Historisch, weniger dringend
Zuletzt aktualisiert vor 5 Tagen
