Tabellen

Tabellen und Tabellenformatierung in Grafana.

Was du lernst

• Tabellen-Panels aus Zeitreihendaten erstellen

• Die Reduce-Transformation zur Berechnung von Statistiken nutzen

• Sparklines (Minidiagramme) in Tabellenzellen anzeigen

• Zellen-Anzeigetypen konfigurieren (Text, Gauge, farbige Hintergründe)

• Spalten organisieren und umbenennen

• Sortier- und Filterfunktionen aktivieren

Voraussetzungen

• Tutorial 1.2: Dein erstes Dashboard abgeschlossen

• Grundlegendes Verständnis der Panel-Erstellung

---

Überblick

Tabellen stellen Daten in einem strukturierten Zeilen-Spalten-Format dar. In Fertigungs-Dashboards eignen sich Tabellen ideal für:

• Variablenübersichten - Min, Max, Mittelwert und aktuelle Werte für mehrere Variablen anzeigen

• Parametervergleiche - Einstellungen über mehrere Maschinen oder Extruder hinweg vergleichen

• Trendindikatoren - Sparklines zeigen, wie sich Werte über die Zeit verändert haben

• Statusübersichten - Farbcodierte Zellen zeigen, welche Parameter im Bereich liegen

Während Zeitreihendiagramme Daten über die Zeit zeigen, sind Tabellen besonders gut darin, zusammengefasste Daten für mehrere Variablen gleichzeitig darzustellen.

---

Einfache Tabelle erstellen

Schritt 1: Panel hinzufügen und Variablen auswählen

1. Bearbeite dein Dashboard und klicke auf Add → Visualization

2. Wähle deine ENLYZE-Datenquelle

3. Wähle einen Standort und eine Maschine

4. Wähle mehrere Variablen aus (z. B. verschiedene Extruder-Durchsätze oder Temperaturen)

   [SCREENSHOT: Query editor with multiple variables selected]

Schritt 2: Zur Tabellen-Visualisierung wechseln

1. Wähle im Visualisierungs-Dropdown (oben rechts im Panel-Editor) Table aus

   [SCREENSHOT: Visualization selector with Table highlighted]

2. Du siehst die rohen Zeitreihendaten im Tabellenformat, eine Zeile pro Zeitstempel

   [SCREENSHOT: Basic table showing raw time series data with timestamps]

Hinweis: Diese Rohansicht ist für Dashboards nicht besonders nützlich. Die Daten müssen transformiert werden, um aussagekräftige Zusammenfassungen zu erhalten.

---

Die Reduce-Transformation

Die Reduce-Transformation wandelt Zeitreihendaten in zusammenfassende Statistiken um. Aus vielen Datenpunkten werden einzelne Werte wie Min, Max, Mittelwert und Last.

Reduce-Transformation hinzufügen

1. Suche im Panel-Editor den Tab Transform (zwischen Query und Alert)

   [SCREENSHOT: Transform tab location]

2. Klicke auf + Add transformation

3. Wähle Reduce

   [SCREENSHOT: Reduce transformation in the list]

4. Wähle im Feld Calculations die gewünschten Statistiken:

   Berechnung	Beschreibung	Einsatzbereich
   Last *	Aktuellster Nicht-Null-Wert	Aktueller Status
   Min	Minimalwert	Tiefpunkt im Zeitbereich
   Max	Maximalwert	Spitzenerkennung
   Mean	Durchschnittswert	Typischer Betriebspunkt
   Sum	Summe aller Werte	Produktionszähler
   Count	Anzahl der Datenpunkte	Datenverfügbarkeit
   Difference	Last - First	Veränderungsbetrag
   Difference percent	Prozentuale Veränderung	Trendrichtung
   All values	Array aller Werte	Für Sparklines

   [SCREENSHOT: Reduce transformation with multiple calculations selected]

5. Deine Tabelle zeigt jetzt eine Zeile pro Variable mit berechneten Spalten

   [SCREENSHOT: Table after reduce transformation showing summary statistics]

---

Sparklines in Tabellenzellen

Sparklines sind Minidiagramme innerhalb von Tabellenzellen, die den Trend auf einen Blick zeigen.

Sparklines hinzufügen

1. Stelle in der Reduce-Transformation sicher, dass All values als eine der Berechnungen ausgewählt ist

2. Gehe zum Abschnitt Overrides in der rechten Seitenleiste

3. Klicke auf + Add field override → Fields with name → wähle "All values"

   [SCREENSHOT: Override selector with All values field]

4. Klicke auf + Add override property → Cell type

5. Wähle Sparkline

   [SCREENSHOT: Cell type dropdown with Sparkline selected]

6. Die Spalte "All values" zeigt jetzt Sparklines an

   [SCREENSHOT: Table with sparklines showing in cells]

Sparkline-Optionen

Wenn Sparkline als Zellentyp ausgewählt ist, erscheinen zusätzliche Optionen:

Option	Beschreibung
Line color	Farbe der Sparkline (verwendet standardmäßig die Feldfarbe)
Draw style	Line (Standard) oder Bars
Hide value	Nur das Diagramm anzeigen, ohne numerischen Wert

Tipp: Verwende eine feste Farbe (z. B. Blau) für alle Sparklines, um ein einheitliches Erscheinungsbild zu schaffen. Stelle dies unter Standard options → Color scheme → Single color ein.

---

Zellen-Anzeigetypen

Grafana bietet verschiedene Möglichkeiten, Werte in Tabellenzellen darzustellen.

Zugriff auf Zellentyp-Einstellungen

Zellentypen werden über Field Overrides konfiguriert:

1. Gehe zu Overrides in der rechten Seitenleiste

2. Füge einen Override für die gewünschte Spalte hinzu

3. Füge die Eigenschaft Cell type hinzu

Verfügbare Zellentypen

Typ	Beschreibung	Geeignet für
Auto	Grafana wählt automatisch	Standard
Colored text	Textfarbe ändert sich basierend auf Schwellenwerten	Warnindikatoren
Colored background	Zellenfarbe ändert sich	Hohe Sichtbarkeit
Gauge	Mini-Gauge zeigt Wert im Bereich	Prozentwerte
JSON view	Rohe JSON-Darstellung	Fehlersuche
Sparkline	Minidiagramm	Trends

Beispiel: Farbiger Hintergrund für Status

1. Füge einen Override für eine Spalte hinzu (z. B. "Difference percent")

2. Setze Cell type auf Colored background

3. Konfiguriere Schwellenwerte für die Farben:

   • Grün: -0,5 % bis +0,5 % (stabil)

   • Gelb: -1 % bis -0,5 % oder +0,5 % bis +1 % (leichte Veränderung)

   • Rot: Jenseits von ±1 % (deutliche Veränderung)

[SCREENSHOT: Table with colored background cells showing status]

Beispiel: Gauge-Zellen

1. Füge einen Override für eine Spalte hinzu (z. B. "Last *")

2. Setze Cell type auf Gauge

3. Konfiguriere Min und Max unter Standard options

4. Wähle den Display mode: Basic, Gradient oder LCD

[SCREENSHOT: Table with gauge cells]

---

Spaltenorganisation

Die Transformation Organize fields ermöglicht das Umbenennen, Neuanordnen und Ausblenden von Spalten.

Transformation "Organize fields" hinzufügen

1. Klicke im Tab Transform auf + Add transformation

2. Wähle Organize fields by name

   [SCREENSHOT: Organize fields transformation]

Spalten umbenennen

1. Suche in der Transformation die umzubenennende Spalte

2. Gib einen neuen Namen in das Textfeld ein

   Original	Umbenannt
   All values	Trend
   Difference	Veränderung
   Difference percent	Veränderung (%)
   Field	Variable

   [SCREENSHOT: Column renaming in organize fields]

Spalten neu anordnen

1. Ziehe Spalten per Drag-and-Drop nach oben oder unten, um die Reihenfolge zu ändern

2. Eine typische Reihenfolge wäre:

   • Variablenname (Field)

   • Aktueller Wert (Last *)

   • Min, Max, Mean

   • Trend (Sparkline)

   • Veränderungsindikatoren

Spalten ausblenden

1. Klicke auf das Augensymbol neben einer Spalte, um sie auszublenden

2. Nützlich zum Ausblenden von Zwischenberechnungen wie "First *"

---

Sortierung und Filterung

Spaltensortierung

Nutzende können auf Spaltenüberschriften klicken, um zu sortieren:

1. Erster Klick: Aufsteigend sortieren (A-Z, niedrig-hoch)

2. Zweiter Klick: Absteigend sortieren (Z-A, hoch-niedrig)

3. Dritter Klick: Sortierung entfernen

Standardsortierung festlegen:

1. Suche in der rechten Seitenleiste die Table-Optionen

2. Wähle unter Initial sort die Spalte und Richtung

   [SCREENSHOT: Initial sort configuration]

Spaltenfilterung

Filterung aktivieren, damit Nutzende innerhalb von Spalten suchen können:

1. Füge einen Field Override für die Spalte hinzu

2. Füge die Eigenschaft Filterable hinzu und setze sie auf true

   [SCREENSHOT: Filterable option in override]

3. Ein Filtersymbol erscheint in der Spaltenüberschrift

4. Nutzende können tippen, um zu filtern, oder aus Werten auswählen

---

Tabellenfuß

Zusammenfassende Berechnungen zum Tabellenfuß hinzufügen.

Tabellenfuß aktivieren

1. Suche in der rechten Seitenleiste nach Table → Footer

2. Aktiviere Show table footer

   [SCREENSHOT: Footer options]

3. Wähle eine Calculation (Sum, Mean, Min, Max, Count)

4. Wähle, welche Fields in die Berechnung einbezogen werden sollen

Anwendungsfall: Den Gesamtdurchsatz über alle Extruder anzeigen, indem ein Sum-Footer zur Durchsatzspalte hinzugefügt wird.

---

Wertzuordnungen in Tabellen

Verwende Wertzuordnungen, um Text oder Symbole statt Zahlen anzuzeigen.

Trendindikatoren erstellen

1. Füge einen Override für die Spalte "Difference" hinzu

2. Füge die Eigenschaft Value mappings hinzu

3. Erstelle Bereichszuordnungen:

   Bereich	Anzeige	Farbe
   < 0	"Down" oder ↓	Rot
   = 0	"—"	Grau
   > 0	"Up" oder ↑	Blau

   [SCREENSHOT: Value mapping for trend indicators]

4. Setze Cell type auf Colored text, um die Farben anzuwenden

Beispiel: Detaillierte Veränderungsindikatoren

Bereich	Anzeige	Farbe
< -1 %	↓↓	Rot
-1 % bis -0,5 %	↓	Gelb
-0,5 % bis +0,5 %	→	Grün
+0,5 % bis +1 %	↑	Hellblau
> +1 %	↑↑	Blau

---

Praxisbeispiel: Extruder-Übersichtstabelle

Erstelle eine umfassende Tabelle mit mehreren Extruder-Parametern.

Konfigurationsübersicht

Einstellung	Wert
Variables	Extruder A/B/C Throughput, Feed Rate
Visualization	Table
Transformations	Reduce, Organize fields

Transformationen

1. Reduce mit folgenden Berechnungen:

   • Last * (aktueller Wert)

   • Min, Max, Mean

   • All values (für Sparklines)

   • Difference percent

2. Organize fields:

   • "Field" umbenennen in "Variable"

   • "All values" umbenennen in "Trend"

   • "Difference percent" umbenennen in "Veränderung (%)"

   • "First *" ausblenden

   • Spalten logisch anordnen

Overrides

Feld	Zellentyp	Zusätzliches
Trend	Sparkline	Blaue Farbe, Linienstil
Veränderung (%)	Colored background	Schwellenwertfarben
Last *	Gauge	Min: 0, Max: auto

Ergebnis

[SCREENSHOT: Complete extruder summary table with all features]

---

Tipps und Best Practices

Tabelle vs. Diagramm

Tabelle verwenden, wenn...	Diagramm verwenden, wenn...
Exakte Werte gezeigt werden sollen	Trends über die Zeit dargestellt werden sollen
Viele Variablen verglichen werden	Der Fokus auf 1-3 Variablen liegt
Nutzende suchen/filtern müssen	Visuelle Mustererkennung gefragt ist
Daten exportiert werden sollen	Ergebnisse präsentiert werden sollen

Gestaltungsrichtlinien

• Übersichtlich halten: Farbcodierung und Symbole nutzen, um wichtige Informationen hervorzuheben

• Spalten begrenzen: Maximal 5-8 Spalten anzeigen, weniger wichtige Daten ausblenden

• Einheitliche Formatierung: Gleiche Einheiten und Dezimalstellen für ähnliche Werte verwenden

• Sprechende Namen: Technische Spaltennamen in verständliche Bezeichnungen umbenennen

Performance-Tipps

• Tabellen mit vielen Zeilen (>100) können langsamer werden

• Sparklines erhöhen den Rendering-Aufwand, bei großen Datensätzen sparsam einsetzen

• Filterung oder Begrenzung der Zeitbereiche für bessere Performance in Betracht ziehen

---

Zusammenfassung

Du hast gelernt, effektive Tabellen-Visualisierungen zu erstellen:

• Zeitreihendaten mit der Reduce-Transformation in zusammenfassende Statistiken umwandeln

• Sparklines für In-Cell-Trendvisualisierung hinzufügen

• Zellentypen anpassen (farbiger Text, Hintergründe, Gauges)

• Spalten mit Umbenennung, Neuanordnung und Ausblendung organisieren

• Sortierung und Filterung für interaktive Auswertung aktivieren

• Wertzuordnungen für visuelle Statusindikatoren nutzen

---

Nächste Schritte

Weitere Visualisierungstypen kennenlernen:

• Erweiterte Gestaltung - Einheiten, Field Overrides und mehr

Oder fortgeschrittene Funktionen erkunden:

• Dashboard-Organisation - Zeilen, Ordner und Verlinkung

---

Kurzreferenz

Reduce-Transformation: Berechnungen

Berechnung	Beschreibung
Last *	Aktuellster Nicht-Null-Wert
First *	Erster Nicht-Null-Wert
Min	Minimalwert
Max	Maximalwert
Mean	Durchschnitt
Sum	Summe
Count	Anzahl der Datenpunkte
Range	Max - Min
Delta	Last - First
Difference	Last - First
Difference percent	Prozentuale Veränderung
All values	Array (für Sparklines)

Zellentypen

Typ	Beschreibung
Auto	Automatisch basierend auf Daten
Colored text	Textfarbe aus Schwellenwerten
Colored background	Hintergrund aus Schwellenwerten
Gauge	Mini-Gauge-Visualisierung
Sparkline	Minidiagramm
JSON view	Rohe JSON-Darstellung

Häufige Overrides für Tabellen

Eigenschaft	Pfad	Verwendung
Cell type	Table → Cell type	Anzeigetyp ändern
Column width	Table → Column width	Feste Breite in Pixeln
Filterable	Table → Filterable	Spaltenfilter aktivieren
Alignment	Table → Cell alignment	Left, Center, Right