Einzelwert-Anzeigen
Einzelwerte und Stat-Panels in Grafana.
Was du lernst
Stat-Panels für prominente Wertanzeige erstellen
Gauge-Panels zur visuellen Bereichsdarstellung nutzen
Bar-Gauge-Panels zum Vergleich mehrerer Werte erstellen
Schwellenwerte für farbcodierte Statusanzeigen konfigurieren
Die passende Berechnung für den jeweiligen Anwendungsfall wählen
Voraussetzungen
Tutorial 1.2: Dein erstes Dashboard abgeschlossen
Grundlegendes Verständnis der Panel-Erstellung
Überblick
Einzelwert-Anzeigen stellen einen oder mehrere Werte prominent dar. Sie eignen sich ideal für:
Aktueller Status auf einen Blick - Läuft die Maschine? Wie hoch ist die aktuelle Temperatur?
KPI-Dashboards - OEE, Durchsatz oder Produktionszähler anzeigen
Shopfloor-Monitore - Große, gut sichtbare Zahlen für Bedienpersonal
Alarmartige Indikatoren - Rot/Gelb/Grün-Status basierend auf Schwellenwerten
Grafana bietet drei zentrale Einzelwert-Visualisierungstypen:
Stat
Große Zahlen mit optionaler Sparkline
Gauge
Werte innerhalb eines definierten Bereichs
Bar Gauge
Vergleich mehrerer Werte nebeneinander
Stat-Panel
Das Stat-Panel zeigt Werte als große, prominente Zahlen an. Ideal für Dashboards, die auch aus der Entfernung abgelesen werden.
Stat-Panel erstellen
Füge ein neues Panel zu deinem Dashboard hinzu
Wähle deine Datenquelle und konfiguriere deine Abfrage
Wähle im Visualisierungs-Dropdown (oben rechts im Panel-Editor) Stat aus
[SCREENSHOT: Visualization type selector with Stat highlighted]
Das Panel zeigt deinen Wert jetzt als große Zahl an
Optionen des Stat-Panels
Wertberechnung
Die Reduce options bestimmen, welcher Wert angezeigt wird:
Suche in der rechten Seitenleiste nach Value options
Setze Calculation auf einen der folgenden Werte:
Last *
Aktuellster Nicht-Null-Wert
Aktueller Status (am häufigsten)
Last
Aktuellster Wert (kann Null sein)
Echtzeitüberwachung
Mean
Durchschnitt über den Zeitbereich
Typischer Betriebswert
Max
Maximalwert
Spitzenerkennung
Min
Minimalwert
Tiefpunkterkennung
Sum
Summe aller Werte
Produktionszähler
[SCREENSHOT: Calculation dropdown in value options]
Farbmodus
Bestimmt, welches Element die Schwellenwertfarbe anzeigt:
Value
Die Zahl selbst wird eingefärbt
Background
Der Panel-Hintergrund wird eingefärbt
Background (gradient)
Gradientenhintergrund basierend auf dem Wert
None
Keine Schwellenwerteinfärbung
[SCREENSHOT: Stat panel colour mode comparison - Value vs Background]
Tipp: Verwende Background für Shopfloor-Anzeigen. So ist der Status auch aus größerer Entfernung erkennbar.
Grafikmodus
Optional eine Sparkline (Minidiagramm) hinter dem Wert anzeigen:
None
Nur der Wert
Area
Sparkline mit gefüllter Fläche
[SCREENSHOT: Stat panel with Area sparkline vs None]
Tipp: Sparklines zeigen den Trend auf einen Blick, können auf vollen Dashboards aber ablenkend wirken.
Textmodus
Bestimmt, welcher Text angezeigt wird:
Auto
Wert und Name
Value
Nur der Wert
Value and name
Beides explizit
Name
Nur der Name (nützlich mit Hintergrundfarbe)
None
Kein Text
Ausrichtung
Bei mehreren Werten:
Auto: Grafana wählt automatisch basierend auf den Panel-Dimensionen
Horizontal: Werte nebeneinander
Vertical: Werte untereinander
Gauge-Panel
Gauges zeigen Werte auf einem kreisförmigen Bogen an und verdeutlichen, wo der Wert innerhalb eines Bereichs liegt.
Gauge-Panel erstellen
Füge ein neues Panel hinzu und konfiguriere deine Abfrage
Wähle Gauge als Visualisierungstyp
[SCREENSHOT: Gauge panel example]
Optionen des Gauge-Panels
Min und Max
Definiere den Wertebereich deines Gauges:
Setze unter Standard options die Werte für Min und Max
Diese definieren Anfang und Ende des Gauge-Bogens
[SCREENSHOT: Min/Max settings in standard options]
Beispiel: Für einen Temperatursensor:
Min: 0
Max: 300 (°C)
Schwellenwert-Markierungen
Schwellenwerte auf dem Gauge anzeigen:
Suche den Abschnitt Gauge in der Seitenleiste
Aktiviere Show threshold markers
Aktiviere optional Show threshold labels, um die Werte anzuzeigen
[SCREENSHOT: Gauge with threshold markers and labels]
Ausrichtung
Auto: Basierend auf der Panel-Form
Horizontal: Gauge-Bögen horizontal angeordnet
Vertical: Gauge-Bögen vertikal gestapelt
Bar-Gauge-Panel
Bar Gauges stellen Werte als horizontale oder vertikale Balken dar. Sie eignen sich hervorragend zum Vergleich mehrerer Werte.
Bar-Gauge-Panel erstellen
Füge ein neues Panel hinzu und konfiguriere deine Abfrage (wähle mehrere Variablen)
Wähle Bar Gauge als Visualisierungstyp
[SCREENSHOT: Bar Gauge panel with multiple values]
Optionen des Bar-Gauge-Panels
Anzeigemodus
Gradient
Sanfter Farbverlauf (moderner Look)
Retro LCD
Segmentierte Anzeige (industrieller Look)
Basic
Einfarbige Balken
[SCREENSHOT: Bar Gauge display mode comparison]
Tipp: Verwende Retro LCD für eine Ästhetik im Stil industrieller Bedienpanels.
Ausrichtung
Horizontal
Balken erstrecken sich von links nach rechts
Vertical
Balken erstrecken sich von unten nach oben
[SCREENSHOT: Horizontal vs Vertical bar gauge]
Ungefüllten Bereich anzeigen
Wenn aktiviert, wird der "leere" Teil des Balkens in einer gedämpften Farbe dargestellt, um den gesamten Bereich zu zeigen.
Wertanzeige
Value colour
Text übernimmt die Balkenfarbe
Text colour
Text verwendet die Theme-Farbe
Hidden
Kein Werttext
Namensplatzierung
Auto
Basierend auf der Ausrichtung
Top
Über dem Balken
Left
Links neben dem Balken
Schwellenwerte konfigurieren
Schwellenwerte sind essenziell für Einzelwert-Anzeigen. Sie geben sofortiges visuelles Feedback darüber, ob Werte normal, grenzwertig oder kritisch sind.
Schwellenwerte hinzufügen
Suche in der rechten Seitenleiste nach Thresholds
Klicke auf + Add threshold
Gib einen Wert ein und wähle eine Farbe
[SCREENSHOT: Threshold configuration panel]
Schwellenwert-Beispiel: Temperaturüberwachung
Base
Grün
Normalbetrieb
250
Gelb
Warnung, Grenzwert wird erreicht
300
Rot
Kritisch, Handlung erforderlich
Schwellenwert-Modi
Absolute
Feste Werte (z. B. ab 100 rot)
Percentage
Relativ zu Min/Max (z. B. ab 90 % rot)
Tipp: Verwende Absolute, wenn du bekannte Grenzwerte hast (max. Druck = 500 bar). Verwende Percentage beim Vergleich von Werten mit unterschiedlichen Skalen.
Schwellenwert-Farbanwendung
Bei Einzelwert-Panels färben Schwellenwerte den Wert oder den Hintergrund automatisch ein, abhängig von der Einstellung unter Colour mode.
Wertzuordnungen (Value Mappings)
Mit Wertzuordnungen kannst du für bestimmte Werte Text statt Zahlen anzeigen.
Wertzuordnungen erstellen
Suche in der Seitenleiste nach Value mappings
Klicke auf Add value mapping
Wähle einen Zuordnungstyp:
Value
Exakte Übereinstimmung (1 → "Running")
Range
Numerischer Bereich (0-10 → "Low")
Regex
Musterabgleich
Special
Null, NaN usw.
Beispiel: Maschinenstatus aus der Liniengeschwindigkeit
Nutze die Liniengeschwindigkeit der Maschine, um den Produktionsstatus abzuleiten. Dieser Ansatz eignet sich gut für Shopfloor-Anzeigen, auf denen das Bedienpersonal den Maschinenstatus auf einen Blick erkennen muss. Hier wird ein exakter Abgleich mit 0 verwendet, um die Maschine als stehend zu klassifizieren, und alles über 1 als laufend. Je nach zugrunde liegender Variable kann es sinnvoll sein, auch für die Stillstandsklassifikation einen Bereich zu verwenden, z. B. [0-1].
Konfiguration:
[SCREENSHOT: Configuration]
Empfohlene Panel-Einstellungen:
Colour mode
Background (solid)
Gut aus der Entfernung erkennbar
Text mode
Value
Zeigt den Status an
[SCREENSHOT: Machine status stat panel with value mapping - showing green "IN PRODUCTION" background]
Tipp: Je nach Variable kann es sinnvoll sein, statt eines exakten Werts einen Bereich für die Stillstandsbedingung zu verwenden. Wenn deine Liniengeschwindigkeit z. B. leicht schwankt und nie exakt 0 erreicht, ordne den Bereich 0-1 dem Status "STILLSTAND" zu.
Praxisbeispiele
Beispiel 1: Aktueller Durchsatz (Stat)
Eine große Anzeige mit der aktuellen Produktionsrate:
Visualization
Stat
Calculation
Last *
Colour mode
Background
Graph mode
Area
Thresholds
Red (base), Green (200), Red (400)
[SCREENSHOT: Throughput stat panel with background colour and sparkline]
Beispiel 2: Druck-Gauge
Ein Gauge, das den aktuellen Druck mit dem sicheren Betriebsbereich zeigt:
Visualization
Gauge
Min
0
Max
500
Thresholds
Green (base), Yellow (400), Red (450)
Show threshold markers
Yes
Unit
Pressure (bar)
[SCREENSHOT: Pressure gauge with threshold markers]
Beispiel 3: Multi-Extruder-Vergleich (Bar Gauge)
Durchsatzvergleich über mehrere Extruder hinweg:
Visualization
Bar Gauge
Variables
Extruder A, B, C Durchsatz
Orientation
Horizontal
Display mode
Gradient
Show unfilled
Yes
[SCREENSHOT: Bar gauge comparing three extruder throughputs]
Die richtige Visualisierung wählen
Einen prominenten Wert anzeigen
Stat
Wert innerhalb eines Bereichs zeigen
Gauge
Mehrere ähnliche Werte vergleichen
Bar Gauge
Trend neben dem Wert anzeigen
Stat mit Sparkline
Industrielles Bedienpanel-Erscheinungsbild
Bar Gauge (LCD-Modus)
Maximale Sichtbarkeit aus der Entfernung
Stat mit Hintergrundfarbe
Tipps und Best Practices
Für Shopfloor-Anzeigen
Stat mit Background-Farbmodus verwenden
Große Panel-Größen wählen
Kontrastreiche Farben verwenden (Grün/Rot oder Blau/Orange für eine farbenblindheitsfreundliche Gestaltung)
Text minimal halten, Farben den Status kommunizieren lassen
Für KPI-Dashboards
Einheitliche Schwellenwerte für ähnliche Metriken verwenden
Zusammengehörige Gauges gruppieren
Einheiten in der Anzeige mitführen
Sparklines für die Trendanzeige in Betracht ziehen
Für mobile Dashboards
Stat-Panels verwenden (am besten lesbar bei kleinen Größen)
Gauges vermeiden (zu viele Details für kleine Bildschirme)
Panels vertikal stapeln
Performance-Tipps
Stat-Panels rendern schneller als Gauges
Sparkline-Zeitbereich begrenzen für bessere Performance
Last *-Berechnung verwenden (schneller als Aggregationen)
Zusammenfassung
Du hast gelernt, effektive Einzelwert-Anzeigen zu erstellen:
Stat-Panels für prominente Zahlen mit optionalen Sparklines
Gauge-Panels für Bereichsvisualisierung
Bar-Gauge-Panels für Mehrwertvergleiche
Schwellenwerte für farbcodierten Status
Wertzuordnungen für Textanzeigen
Nächste Schritte
Weitere Visualisierungstypen kennenlernen:
Tabellen - Daten in tabellarischer Form darstellen
Erweiterte Gestaltung - Einheiten, Overrides und mehr
Zuletzt aktualisiert