Trends (Liniendiagramm)

Überblick

Der Trend Viewer ist ein leistungsstarkes UI-Element zur Visualisierung von Live-Daten oder historischen Zeitreihenwerten. Ideal für die Prozessüberwachung, den Vergleich von Messdaten über Zeit und den Export von Auswertungen.

Hinweis: Das Schreiben der Werte (also das Protokollieren in eine Datenbank) erfolgt extern – typischerweise in CODESYS mithilfe einer bereitgestellten Bibliothek.
Das Lesen und Visualisieren erfolgt clientseitig innerhalb des HMI in PLCVisu.

Hauptfunktionen

• Anzeige von Echtzeit- oder protokollierten Daten
• Zoomen und Scrollen über Zeitachsen
• Unterstützung für mehrere Datenreihen und Y-Achsen
• Exportoptionen für Ansicht oder Gesamtdatensatz

Hinweis: Es gibt zwei Orte, an denen "Trends" erscheinen:
Einerseits als Element in Pages (zur Anzeige bestehender Trends), andererseits als eigener Menüpunkt in der Seitennavigation (Burger-Menü → Trends).
Nur über die Seitenleiste kannst du neue Trends erstellen, eine Datenbasis verbinden und sämtliche Details konfigurieren.
In Pages kannst du lediglich vorhandene Trends auswählen und darstellen.

UI-Bereiche & Konfiguration

Allgemein

Feld	Beschreibung
Name	Interner Name des Trend-Elements
Label	Optionales Anzeige-Label; unterstützt Platzhalter wie {{LineTrend}}
Show Lines	Linienanzeige aktivieren/deaktivieren
Show Labels	Zahlenwerte auf den Datenpunkten anzeigen

X-Achse

Feld	Beschreibung
X-Achsen Label	Beschriftung der Zeitachse
X-Achsen Format	Zeitformat: - Unix Timestamp - Lesbare Zeit (z. B. 12:45 Uhr)

Toolbar-Optionen

Option	Funktion
Interval Picker	Auswahl eines Zeitbereichs (Live, letzte Stunde, benutzerdefiniert)
Export Current View	Exportiert nur den sichtbaren Zeitabschnitt
Export Full Data	Exportiert alle gespeicherten Daten
Configure Datasets	Einzelne Datenreihen an-/abschalten
Reset Button	Setzt Zoom, Achsen und Sichtbarkeit zurück

Interpolation

Feld	Beschreibung
Aktiv	Interpolation aktivieren
Max Points	Maximale Anzahl interpolierter Punkte
Interpolation Type	Wählbarer Algorithmus: – Quick Reduce – Reduce – Local Extremes – Average – Median

Weitere Optionen

Option	Funktion
Legend	Legende mit Namen der Datenreihen anzeigen
Tooltips	Werteanzeige bei Maus-Hover oder Touch
Extended Touch Features	Erweiterte Touch-Interaktionen aktivieren
Zoom	Zoomen und Verschieben aktivieren

Y-Achsen

• Mehrere Y-Achsen definierbar
• Jeweils mit:
  • Name, Label
  • Farbe
  • Min / Max Bereich
  • Position (left oder right)
  • Messwert-Typ & Einheit

Datenreihen (Datasets)

• Jede Datenreihe ist ein darzustellender Messwert.
• Eigenschaften:
  • Name, Label
  • Farbe
  • Zugeordnete Y-Achse
  • Mess-Typ
  • Basiseinheit
  • Sichtbarkeit
  • Aktiviert

Anwendungsbeispiele

1. Live-Maschinenüberwachung

Zeigt Kennzahlen in Echtzeit – z. B. Drehzahl, Temperatur, Drehmoment.
Datenquelle: Live-PLC-Werte via CODESYS + PLCVisu-Bibliothek

2. Umweltprotokollierung

Langzeittrends wie Raumtemperatur, Luftfeuchtigkeit, CO₂.
Datenquelle: Datenbank mit historischen Werten

3. Prozessqualität & Analyse

Z. B. Druckverlauf eines Batches mit Alarmgrenzen.
Nützlich für Optimierung, Analyse, oder Sicherheitsmonitoring

Datenfluss

Logging (Schreiben)

• Erfolgt nicht durch das HMI direkt
• Muss in CODESYS, Node-RED oder Backend eingerichtet sein
• PLCVisu bietet Libraries zum Pushen der Daten

Anzeige (Lesen)

• HMI lädt & zeigt Daten dynamisch
• Zeitstempel auf X-Achse müssen korrekt formatiert sein
• Datenreihen lassen sich ein-/ausblenden und filtern

Tipps

• Nutze Interpolation, wenn viele Datenpunkte über lange Zeit angezeigt werden
• Einheitliche Farben & Achsenbezeichnungen für bessere Lesbarkeit
• Exporte regelmäßig speichern für Dokumentation oder Nachweise

Einschränkungen

• Logging ist nicht Teil des HMIs – externer Logger nötig
• Sehr häufige Live-Updates können Performance auf schwachen Geräten beeinträchtigen
• Interpolation kann Extremwerte glätten – ggf. Informationsverlust