Dashboards für große Bildschirme und Betrachtung aus der Entfernung gestalten
Multi-Maschinen-Übersichtslayouts erstellen
Auto-Refresh für Live-Monitoring konfigurieren
Visuelle Optimierungen für Shopfloor-Anzeigen anwenden
Dashboards für den Kiosk-Modus vorbereiten
Voraussetzungen
Teil 2 (Visualisierungstypen) abgeschlossen
Grundkenntnisse in der Panel-Konfiguration
Zugang zur ENLYZE-Datenquelle
Shopfloor-Dashboards haben einen anderen Zweck als Büro-Dashboards:
Aspekt
Büro-Dashboard
Shopfloor-Dashboard
Niedrig (nur das Wesentliche)
Gestaltungsprinzipien
Weniger ist mehr -- Nur wesentliche Informationen anzeigen
Groß und deutlich -- Große Schrift, dicke Linien, klare Farben
Status auf einen Blick -- Ampelfarben für sofortiges Verständnis
Einheitliches Layout -- Gleiche Position für gleiche Kennzahlen über alle Maschinen
Multi-Maschinen-Layout
Nebeneinander-Vergleich
Das häufigste Shopfloor-Layout zeigt mehrere Maschinen in Spalten:
Rastereinheiten
Grafana verwendet ein Raster mit 24 Einheiten. Für Shopfloor-Layouts:
Maschinen
Breite pro Maschine
Layout
Layout erstellen
Raster planen -- Layout vorher skizzieren
Eine Spalte erstellen -- Alle Panels für eine Maschine aufbauen
Duplizieren und anpassen -- Panels kopieren, Datenquelle ändern
Exakt ausrichten -- Grid-Snapping verwenden
[SCREENSHOT: Multi-machine shopfloor layout]
Maschinen-Header-Panels
Textpanels für eine eindeutige Maschinenkennung verwenden:
HTML-Header-Stil
Panel-Typ: Text
Mode: HTML
Inhalt:
Markdown-Header-Stil
Mode: Markdown
Inhalt:
Panel-Einstellungen
[SCREENSHOT: Machine header text panel]
Aktuelle Werte anzeigen
Für Shopfloor-Anzeigen sollten Stat-Panels groß und aus der Entfernung lesbar sein.
Konfiguration großer Stat-Panels
Panel-Typ: Stat
Die Zahl selbst einfärben
Sparkline für Klarheit entfernen
Überlegungen zur Schriftgröße
Grafana passt die Textgröße automatisch an das Panel an. Für gute Lesbarkeit aus der Entfernung:
Minimale Panel-Höhe: 4-5 Einheiten
Panel-Breite: 6-8 Einheiten pro Maschine
Ein Wert pro Panel: Keine mehreren Werte stapeln
Farbgebung nach Schwellenwerten
Schwellenwerte für sofortige Statuserkennung konfigurieren:
Schwellenwert
Farbe
Bedeutung
Beispiel für Durchsatz (Ziel: 100 kg/h):
[SCREENSHOT: Large stat panel with thresholds]
Zeitreihen für Trends
Auch auf Shopfloor-Anzeigen helfen Trendlinien, Muster zu erkennen.
Optimierte Time-Series-Einstellungen
Aus der Entfernung sichtbar
Saubereres Erscheinungsbild
Schwellenwert-Darstellung
Schwellenwerte direkt in Diagrammen anzeigen:
In den Field-Einstellungen Schwellenwerte konfigurieren
Unter Thresholds die Option Show thresholds setzen auf:
As lines -- Horizontale Referenzlinien
As filled regions -- Farblich hinterlegte Bereiche
Darstellungsmodi für Schwellenwerte:
As filled regions + lines
[SCREENSHOT: Time series with threshold regions]
Achsenkonfiguration
Für einheitliche Vergleiche über Maschinen hinweg:
So haben alle Maschinendiagramme dieselbe Skalierung.
Statusanzeige-Panels
Einfache Läuft-/Steht-Anzeigen erstellen.
Stat-Panel mit Value Mappings
Query: Eine Variable verwenden, die den Maschinenstatus angibt (z. B. Geschwindigkeit > 0)
Value Mappings:
Oder mit Textwerten:
Panel-Einstellungen
Das gesamte Panel nimmt die Statusfarbe an.
[SCREENSHOT: Status indicator panels]
Transparente Panels
Für ein aufgeräumteres Shopfloor-Erscheinungsbild transparente Panels verwenden:
Klicke auf den Panel-Titel, dann Edit
Gehe zu Panel options (rechte Seitenleiste)
Aktiviere Transparent background
Vorteile:
Aufgeräumteres, moderneres Erscheinungsbild
Dashboard-Hintergrund scheint durch
Best Practices:
Mit dunklem Dashboard-Hintergrund verwenden
Einheitlich auf alle Panels anwenden
Ausreichenden Kontrast für Text sicherstellen
[SCREENSHOT: Dashboard with transparent panels]
Auto-Refresh konfigurieren
Shopfloor-Dashboards brauchen automatische Aktualisierungen.
Aktualisierungsintervall einstellen
Methode 1: Zeitauswahl
Klicke auf die Zeitauswahl (oben rechts)
Wähle das Aktualisierungsintervall aus dem Dropdown
Optionen: 5s, 10s, 30s, 1m, 5m usw.
Methode 2: Dashboard-Einstellungen
Klicke auf das Zahnrad-Symbol, dann Settings
Unter General den Eintrag Auto refresh suchen
Erlaubte Intervalle eingeben: 5s,10s,30s,1m,5m
Standard-Refresh in der Zeitauswahl setzen
Empfohlene Intervalle
Für Anzeigen in Echtzeit:
Klicke auf die Zeitauswahl
Wähle einen relativen Zeitbereich (z. B. "Last 15 minutes")
Die Ansicht bewegt sich kontinuierlich vorwärts
Hinweis: Sehr kurze Aktualisierungsintervalle erhöhen die Serverlast.
[SCREENSHOT: Auto-refresh configuration]
Dashboard-weite Einstellungen
Auf die lokale Fabrikzeit setzen:
Dashboard-Einstellungen, dann General
Timezone: Browser (nutzt die Zeitzone des Betrachters) oder spezifische Zeitzone
Standard-Zeitbereich
Einen passenden Standardzeitraum setzen:
Dashboard-Einstellungen, dann General
Default time range: z. B. "Last 1 hour"
Steuerelemente ausblenden
Für Kiosk-Anzeigen UI-Elemente ausblenden:
Dashboard-Einstellungen, dann General
Hide time picker aktivieren (wenn der Zeitbereich fest ist)
Farben pro Maschine
Jeder Maschine einheitliche Farben zuweisen:
Farben anwenden
Methode 1: Feste Farbe in der Feld-Konfiguration
Colour mode auf Fixed setzen
Farbe der Maschine wählen
Methode 2: Feld-Override
Override hinzufügen, dann By name, dann [Variablenname]
Property hinzufügen, dann Colour, dann Fixed colour
Kontraststarke Farbpalette
Für Betrachtung aus der Entfernung dezente Farben vermeiden:
Kräftiges Orange (#FF9830)
Komplettes Shopfloor-Dashboard
Layout-Beispiel (3 Maschinen)
Reihe 1: Header (Höhe: 2)
Maschinenname 1 (8 Einheiten)
Maschinenname 2 (8 Einheiten)
Maschinenname 3 (8 Einheiten)
Reihe 2: Aktuelle Werte (Höhe: 5)
Durchsatz Maschine 1 (Stat, 8 Einheiten)
Durchsatz Maschine 2 (Stat, 8 Einheiten)
Durchsatz Maschine 3 (Stat, 8 Einheiten)
Reihe 3: Status (Höhe: 3)
Status Maschine 1 (8 Einheiten)
Status Maschine 2 (8 Einheiten)
Status Maschine 3 (8 Einheiten)
Reihe 4: Trends (Höhe: 8)
Time Series Maschine 1 (8 Einheiten)
Time Series Maschine 2 (8 Einheiten)
Time Series Maschine 3 (8 Einheiten)
Dashboard-Einstellungen
[SCREENSHOT: Complete shopfloor dashboard]
Kiosk-Modus vorbereiten
Der Kiosk-Modus blendet die gesamte Grafana-Benutzeroberfläche für eine aufgeräumte Anzeige aus.
Kiosk-Modus aufrufen
?kiosk an die Dashboard-URL anhängen:
Kiosk-Varianten:
UI ausblenden, zwischen Rows durchschalten
Panels automatisch an den Bildschirm anpassen
Vollständige Kiosk-URL (Beispiel)
Browser-Einrichtung
Für dedizierte Shopfloor-Anzeigen:
Dashboard im Browser öffnen
?kiosk an die URL anhängen
F11 für den Vollbildmodus des Browsers drücken
Browser so konfigurieren, dass er mit dieser URL startet
[SCREENSHOT: Dashboard in kiosk mode]
Praktische Übung
Ein Shopfloor-Dashboard erstellen mit:
Layout: 2 Maschinen nebeneinander (Kiefel und Macchi)
Pro Maschine:
Header-Textpanel mit Maschinenname
Großes Stat-Panel für aktuellen Durchsatz
Statusanzeige (Simulation: läuft/steht)
Time-Series-Trend mit Schwellenwerten
Gestaltung:
Einheitliche Farben pro Maschine
Schwellenwert-Darstellung in Diagrammen
Einstellungen:
Auto-Refresh: 30 Sekunden
Zeitbereich: Letzte Stunde
Zusammenfassung
Du hast gelernt, Shopfloor-Monitoring-Dashboards zu erstellen:
Für Betrachtung aus der Entfernung mit großen, deutlichen Anzeigen gestalten
Multi-Maschinen-Layouts mit einheitlicher Positionierung erstellen
Auto-Refresh für Live-Monitoring konfigurieren
Visuelle Optimierungen anwenden (Transparenz, Schwellenwerte, Farben)
Dashboards für den Kiosk-Modus vorbereiten
Wie geht es weiter?
Weiter mit:
Panel-Größen für Shopfloor
Auto-Refresh URL-Parameter
Kiosk-Modus URL
Kontraststarke Farben
Stat-Panel für Fernbetrachtung
Zuletzt aktualisiert
