Datenpunkte
Inhaltsverzeichnis

- Übersicht
- Gemeinsamer linker Bereich — Tag-Baum-Panel
- Stream-Bildschirm (
/stream/index) - Trend-Bildschirm (
/storage/index) - Snapshot-Bildschirm (
/snapshot/index) - Datenextraktions-Bildschirm (
/data/index) - Anwendungsszenarien
- Häufige Fragen
- Verwandte Bildschirme
Übersicht
Die Data-Gruppe ist eine Sammlung von Bildschirmen, um erfasste Zeitreihendaten aus vier verschiedenen Blickwinkeln zu betrachten und zu analysieren.
| Untermenü | Interne URL | Zweck |
|---|---|---|
| Stream | /stream/index | Echtzeit-Eingangsdaten des ausgewählten Tags als Liniendiagramm anzeigen |
| Trend | /storage/index | Tag-Daten des ausgewählten Zeitraums in Diagramm und Tabelle analysieren |
| Snapshot | /snapshot/index | In regelmäßigen Abständen gesampelte Repräsentativwerte tabellarisch abfragen |
| Datenextraktion | /data/index | Daten gesammelt als CSV/Excel exportieren |
Die vier Bildschirme teilen sich links dasselbe Tag-Baum-Panel; nur der rechte Bereich unterscheidet sich je nach Bildschirmfunktion.
Gemeinsamer linker Bereich — Tag-Baum-Panel
Stream, Trend und Snapshot verwenden alle dasselbe Tag-Baum-Panel mit einer Breite von col-lg-3 links.
┌─────────────────────────────┐
│ 🗂 모델 [💬] [🔍] [📋] │ ← 헤더 + 도구 3개
│ ─────────────────────────── │
│ 🏭 [ 사이트 ▼ ] │ ← 사이트 셀렉터
│ ─────────────────────────── │
│ [에셋] [연결] │ ← 탭 (ADMIN만 연결 탭 표시)
│ ─────────────────────────── │
│ 🔍 검색... │ ← 토글 시 노출
│ ─────────────────────────── │
│ ▶ 자산 트리 │ ← 자산/태그 계층 트리
│ ▶ MOTOR-001 │
│ ▼ MOTOR-001.SPEED │
│ ▼ MOTOR-001.TEMP │
│ ... │
│ ─────────────────────────── │
│ 오브젝트 ID : (hover 시 표시) │ ← 푸터
└─────────────────────────────┘
3 Kopfzeilen-Werkzeuge
| Schaltfläche | Symbol | Funktion |
|---|---|---|
| Tag-Beschreibung anzeigen | 💬 | Umschalten, ob neben den Tags im Baum eine Beschreibung angezeigt wird |
| Tag-Suche | 🔍 | Suchfeld über dem Baum ein-/ausblenden |
| Ausgewählte Tag-Namen kopieren | 📋 | Markierte Tag-Namen in die Zwischenablage kopieren |
Standort-Auswahl
| Element | Form | Funktion |
|---|---|---|
| Links in der Eingabegruppe | 🏭 (Industriesymbol) | — |
| Auswahl | 사이트명 [설명] Optionen | Bei Änderung (changeSite()) den Baum für die Assets/Verbindungen dieses Standorts neu laden |
Tabs (Assets / Verbindungen)
| Tab | Sichtbare Benutzer | Baum-Inhalt |
|---|---|---|
| Assets (Standard) | Alle | Standort → Bereich → Linie → Anlage → Tag Asset-Baum |
| Verbindungen | ADMIN | OPC-Server → Kanal → Tag (Kommunikationseinheiten-Baum) |
Jeder Tab besitzt ein eigenes, einblendbares Suchfeld (assetSearchInput / opcSearchInput).
Fußzeile — Objekt-ID-Vorschau
Wenn Sie mit der Maus über ein Tag oder Asset fahren, wird im Feld Objekt-ID der Fußzeile dessen Kennung angezeigt, sodass Betreiber die ID schnell anhand des Asset-Namens überprüfen können.
Stream-Bildschirm (/stream/index)
Markieren Sie Tags im linken Baum und klicken Sie auf Streaming starten, um im rechten Diagramm den Echtzeit-Eingang der Daten zu sehen.
Werkzeuge oben
🔀 스트림 [▶ 스트리밍 시작] [■] [↻]
| Schaltfläche | Funktion |
|---|---|
| Streaming starten (▶, rot) | stream() — Echtzeit-Push-Abonnement für markierte Tags starten |
| Stopp (■) | stop() — Streaming stoppen (nur nach dem Start aktiv) |
| Aktualisieren (↻) | refresh() — Bildschirm zurücksetzen |
Diagramm-Anzeigeoptionen
Werkzeuge rechts im Kopfbereich des Diagramm-Panels.
| Element | ID | Standardwert | Beschreibung |
|---|---|---|---|
| Anzeige (Min.) | display_minutes | 5 | Zeitfenster, das im Diagramm angezeigt wird (in Minuten) |
| Virtuellen Punkt hinzufügen | (Schaltfläche) | — | addVPoint() — Benutzerdefinierten virtuellen Punkt (skriptbasiert berechnet) zum Diagramm hinzufügen |
| Einstellungen | (Schaltfläche) | — | setDisplayCount() — Dialog für Anzeigeanzahl und weitere Optionen |
Echtzeit-Diagrammbereich
Im Hauptteil des Diagramm-Panels befinden sich folgende Bereiche:
| Element | Anzeige |
|---|---|
result_txt | Kleiner Text rechts im Kopf — Zusammenfassung des aktuellen Streaming-Status |
stream-content (Liste) | Pro markiertem Tag eine Zeile mit Liniendiagramm + aktuellem Wert |
Vor dem Start des Streamings erscheint folgender Hinweis:
🖼 [Stream-Symbol]
Tag-Datenstrom Sie können Echtzeit-Tag-Daten anzeigen. Wählen Sie links im Tag-Baum einen Tag-Namen aus und klicken Sie dann auf die Schaltfläche [▶ Streaming starten].
Vorgehen
- Markieren Sie im linken Baum die gewünschten Tags (mehrere möglich)
- Streaming starten klicken
- Das Diagramm wird automatisch mit den Echtzeit-Eingangsdaten aktualisiert
- Wenn das gewünschte Zeitfenster (Min.) anders ist, den Wert Anzeige (Min.) oben rechts anpassen
- Nach der Betrachtung ■ Stopp klicken
Trend-Bildschirm (/storage/index)
Bildschirm zur Analyse der Tag-Daten eines ausgewählten Zeitraums als Zeitreihendiagramm und Aggregationstabelle.

| Nummer | Position | Funktion |
|---|---|---|
| ① | Oben links | Gesamtdaten — Gesamtzahl der bisher gespeicherten Punkte und Aktualisierungszeit |
| ② | Links | Standortauswahl + Assets / Verbindungen-Tabs — nach welcher Achse der Baum betrachtet wird |
| ③ | Linker Hauptbereich | Tag-Baum — markieren Sie per Kontrollkästchen mehrere Tags für ein Diagramm |
| ④ | Oben rechts | Zeitraum und Abfragen |
| ⑤ | Diagrammkopf | Diagramm-Anzeigeoptionen — Linientyp · Legende · TR-Anzeige · Anzeigepunkte · Einstellungen · Excel-Download |
| ⑥ | Darunter | Zoom-Voreinstellungen — 5M · 10M · 30M · 1H · 3H · 6H · 12H · 1D · 7D · 15D · 30D · All |
| ⑦ | Hauptbereich | Zeitreihendiagramm |
| ⑧ | Darunter | Tag-Aggregationsstatistik — Anzahl im Zeitraum · erster/letzter · niedrigster/höchster · Durchschnitt/Summe |
Das obige Bild zeigt genau diesen Zustand — „Keine Daten zum Anzeigen". Markieren Sie im linken Baum ein Tag und klicken Sie auf Abfragen.
Suchbereich oben
📈 트렌드 [기간 ▭ ▭▭▭▭▭▭▭▭] [샘플링 ▼] [조회] [🎚️] [정지] [전체화면]
| Steuerelement | Breite | Beschreibung |
|---|---|---|
Zeitraumeingabe (search_time) | 280px | Start–Ende Datum/Uhrzeit (mittig ausgerichtet, fett). Klick öffnet Datumsbereich-Auswahl. Übergibt hidden search_date_from / search_date_to |
Sampling-Auswahl (term) | Automatisch | Standardmäßig deaktiviert. Mit 🎚️-Schaltfläche aktivieren (siehe Sampling-Optionen unten) |
Abfragen (submit_button) | Rot + 🔍 | search() — Diagramm + Tabelle mit den Bedingungen aktualisieren |
Sampling-Optionen umschalten (sampling_button) | Rot + 🎚️ | samplingOption() — Sampling-Auswahl ein-/ausblenden |
Abfrage abbrechen (cancel_button) | Rot + ⏹ | cancel() — Laufende Abfrage abbrechen (nur während der Abfrage aktiv) |
| Vollbild | Rot + 🔗 | fullscreen() — Trend-Bildschirm in neuem Fenster im Vollbild |
Sampling-Optionen
Die Sampling-Auswahl (term) ist standardmäßig ausgeblendet und wird mit der 🎚️-Schaltfläche eingeschaltet. Sie dient dazu, bei sehr großen Datenmengen, die das Diagramm verlangsamen, nur leichte Repräsentativwerte abzurufen.
| Option | Bedeutung | Empfohlene Verwendung |
|---|---|---|
(빈 값) — 원본(RAW) | Alle Daten | Standardwert. Kurze Zeiträume (Stunden/Tage) |
LTTB [0.1%] | 0,1 % per LTTB-Algorithmus extrahieren | Langfristige (monatliche) Trendübersicht |
LTTB [0.5%] | 0,5 % extrahieren | Langfristige (monatliche) Analyse |
LTTB [1%] | 1 % extrahieren | Mittelfristige (wöchentliche) Analyse |
LTTB [5%] | 5 % extrahieren | Kurzfristige (tägliche) Analyse |
LTTB [10%] | 10 % extrahieren | Detailgenaue Analyse |
1분 주기 | Einfaches Sampling im 1-Minuten-Intervall | Kurzfristiges (tägliches) Sampling |
5분 주기 | 5-Minuten-Intervall | Mittelfristiges (wöchentliches) Sampling |
30분 주기 | 30-Minuten-Intervall | Langfristiges (monatliches) Sampling |
1시간 주기 | 1-Stunden-Intervall | Langfristiges Trend-Sampling |
LTTB (Largest-Triangle-Three-Buckets) ist ein Downsampling-Algorithmus, der die visuelle Form einer Zeitreihe am besten erhält und für die Diagrammanzeige optimiert ist.
Diagramm-Anzeigeoptionen
Inline-Werkzeugleiste rechts im Kopfbereich des Diagramm-Panels.
| Element | ID | Optionen | Beschreibung |
|---|---|---|---|
| Diagrammtyp | chart_type | Linie · Fläche · Säule · Glatte Linie · Glatte Fläche | Darstellungsweise der Diagrammserien |
| Stufenlinie | show_step_line | Normale Linie / Stufenlinie | Treppenförmige Darstellung wie bei digitalen Signalen |
| Alarmanzeige | show_alarm_flags | Alarm anzeigen / nicht anzeigen | Marker für Alarmzeitpunkte im Diagramm |
| TRIP-Anzeige | show_trip_line | TRIP anzeigen / nicht anzeigen | Nur im Multi-Y-Achsen-Modus: Trip-Schwellenlinien anzeigen |
| C.HEIGHT | chart_height | 100/150(Standard)/200/250/300/400/500 | Diagrammhöhe (px) |
| Einstellungen | (Schaltfläche) | — | configure() — Dialog für zusätzliche Diagrammeinstellungen |
| Excel-Download | (Schaltfläche) | — | downloadXLS() — Ergebnisse als Excel herunterladen |
Diagrammbereich
| Element | ID | Beschreibung |
|---|---|---|
| Diagramm | result_chart | Zeitreihendiagramm mit 600px Höhe |
| Ergebnisanzahl | result_count_txt / result_time_txt | Oben rechts im Diagramm — Anzahl angezeigter Datenpunkte und Abfragedauer |
| Keine-Daten-Hinweis | chart_no_data | „Keine Daten zum Anzeigen." (wenn keine Tags ausgewählt oder Ergebnisse leer sind) |
| Ladeanzeige | ws_wait_text | „Daten werden geladen..." (rotierendes Symbol) |
| Ausführungszeit | exec_time_txt | Kleiner Text unten im Panel — Dauer der letzten Abfrage |
Tag-Aggregationstabelle
Unter dem Diagramm werden die Aggregationsstatistiken der ausgewählten Tags tabellarisch angezeigt (storage_table).
┌──────────────────────────── 헤더 (그룹) ────────────────────────────┐
│ 태그ID │ 태그명 │ 데이터 타입 │ 단위 │ 집계 (4 컬럼) │ 액션 │
│ │ │ │ │ 카운트 │첫|끝│최저|최고│평균|합계│ │
└────────────────────────────────────────────────────────────────────┘
| Spalte | Breite | Anzeige |
|---|---|---|
| Tag-ID | 90px | Tag-Kennung |
| Tag-Name | 220px+ | Menschenlesbarer Tag-Name |
| Datentyp | 80px | INT/FLOAT/BOOL/STRING usw. |
| Einheit | 50px | Messeinheit (z. B. °C, kPa, rpm) |
| Anzahl | 60px | Anzahl der Datenpunkte im Abfragezeitraum |
| Erster | Letzter | 60px | Wert zum Start-/Endzeitpunkt |
| Niedrigster | Höchster | 60px | Minimal-/Maximalwert |
| Durchschnitt | Summe | 60px | Durchschnitt/Summe |
| Aktion | 40px | Werkzeugschaltflächen pro Zeile |
Dialog „Zeitleiste hinzufügen"
Über dem Diagramm kann eine asset-basierte Ereignis-Zeitleiste eingeblendet werden.
| Element | Beschreibung |
|---|---|
| Auslöser | Separate Schaltfläche in den Diagrammwerkzeugen (Position kann je nach Diagramm variieren) |
| Modaltitel | 🎯 „Zeitleiste hinzufügen" |
| Hinweis | „Fügt dem Diagramm eine Asset-Ereignis-Zeitleiste hinzu. Wählen Sie ein Asset aus und klicken Sie dann auf die Schaltfläche [Zeitleiste hinzufügen]." |
| Asset-Auswahl | t_asset_id Auswahl (240px) — Auswahl aus der Liste der registrierten Anlagen |
| Bestätigen | Schaltfläche Zeitleiste hinzufügen |
Nachdem die Zeitleiste hinzugefügt wurde, werden die Ereignisse dieses Assets (Betrieb/Stopp/Störung) als farbige Balken am unteren Rand des Diagramms dargestellt und können so mit der Zeitreihe verglichen werden.
Snapshot-Bildschirm (/snapshot/index)
Der Snapshot-Bildschirm ähnelt dem Trend-Bildschirm, ist jedoch darauf optimiert, in festen Intervallen (Minuten) gesampelte Werte tabellarisch anzuzeigen.
Suchbereich oben
🔪 스냅샷 [기간 ▭▭▭▭] [간격 ▼] [조회] [↻]
| Steuerelement | Beschreibung |
|---|---|
Zeitraumeingabe (search_time) | Wie im Trend-Bildschirm (280px, mittig ausgerichtet) |
Intervall-Auswahl (term) | Systemdefinierte Snapshot-Intervalloptionen (z. B. 1_MIN/5_MIN/30_MIN/1_HOUR/1_DAY) |
| Abfragen | search() — Tabelle mit den Bedingungen aktualisieren |
| Aktualisieren | refresh() — Bildschirm zurücksetzen |
Linker Bereich
Dasselbe Tag-Baum-Panel wie bei Stream/Trend (Standortauswahl, Assets/Verbindungen-Tabs, Suche).
Rechter Bereich
Die Snapshot-Werte der im linken Baum markierten Tags werden in zeitlicher Reihenfolge angezeigt. In Tabellenform: jede Zeile entspricht einem Zeitpunkt, jede Spalte dem Wert eines Tags.
Anwendungsbeispiel: 5 Tags im 1-Minuten-Intervall über eine Woche beobachten → ergibt 10.000 Zeilen × 5 Spalten, leicht in externe Tools übertragbar.
Datenextraktions-Bildschirm (/data/index)
Bildschirm zum Abfragen der Zeitreihendaten eines Tags und Herunterladen als CSV.

| Nummer | Position | Funktion |
|---|---|---|
| ① | Oben | Tag-Namenseingabe — wählen Sie per Autovervollständigung ein Tag aus |
| ② | Zeitraum — Start ~ Ende | |
| ③ | Anzahl — letzte 100 / 200 / 300 / 500 / 1.000 Einträge | |
| ④ | Abfragen | |
| ⑤ | Ganz rechts | CSV-Download · Abfragebedingungen-Optionen · Aktualisieren |
| ⑥ | Hauptbereich | Datenliste — 8 Spalten (siehe unten) |
| ⑦ | Tabellenfuß | Anzahlanzeige und Zurück/Weiter |
Das obige Bild zeigt genau diesen Zustand — „Keine Daten". Wählen Sie ein Tag aus und klicken Sie auf Abfragen, um die Tabelle zu füllen.
Datenliste — 8 Spalten
| Spalte | Inhalt |
|---|---|
| Zeit | Zeitstempel des Punkts |
| Wert | Erfasster Wert |
| Einheit | Einheit des Tags |
| Datentyp | String / Integer / Double / Boolean … |
| Qualität | OPC-Qualitätscode |
| Fehlercode | Erfassungsfehlercode |
| Verzögerung[MS] | Differenz zwischen Ereigniszeit und Empfangszeit |
| Attribute | Zusätzliche Attribute |
Abfragebedingungen
Mit der rechten 🎚️-Schaltfläche klappen Sie die Bedingungseingabefelder auf. Sie können Werte genau wie im Platzhalter des Bildschirms
in der Form 컨디션: VALUE > 10 AND VALUE < 50 filtern, abfragen und ausgeben.
Der Untertitel des Bildschirms sagt es bereits — „Tag-Zeitreihendaten abfragen / CSV-Export".
Eine Funktion, die .xlsx empfängt, gibt es auf diesem Bildschirm nicht. Zum Öffnen in Excel öffnen Sie die heruntergeladene CSV-Datei.
(Das Herunterladen der Tag-Liste als Excel erfolgt über „Excel-Download" im Tag-Bildschirm und ist eine andere Funktion als dieser Bildschirm.)
Die Tag-Datenextraktion wird bei 1.000.000 Zeilen und die Asset-Datenextraktion bei 100.000 Zeilen abgeschnitten
(POINT_EXPORT_LIMIT · ASSET_DATA_EXPORT_LIMIT). Wenn die Obergrenze erreicht wird, erhalten Sie ohne Fehler eine stillschweigend
abgeschnittene Datei. Teilen Sie daher den Zeitraum auf und laden Sie mehrmals herunter.
Asset-Datenextraktion (/data/as-index)
Dies erledigt dieselbe Aufgabe, jedoch auf Asset-Ebene statt auf Tag-Ebene. Der Untertitel des Bildschirms lautet „Asset-Zeitreihendaten abfragen / CSV-Export", und statt Tag-Namen geben Sie einen Asset-Namen ein.
Tag-Datenextraktion (/data/index) | Asset-Datenextraktion (/data/as-index) | |
|---|---|---|
| Auswahl | Ein Tag | Ein Asset |
| Ausgabespalten | Zeit · Wert · Einheit · Typ · Qualität · Fehlercode · Verzögerung · Attribute | Asset-ID · Asset-Name · Daten-Map · Zeitstempel-Map |
| Obergrenze | 1.000.000 Zeilen | 100.000 Zeilen |
| Zusätzliches Panel | — | Zeitleiste — Datenaktivität des Assets nach Zeitabschnitten |
Da die Werte der dem Asset zugeordneten Tags als Map in einer Zeile zusammengefasst werden, ist diese Ansicht praktisch, um den Gesamtzustand einer Anlage zu einem Zeitpunkt zu betrachten.
Anwendungsszenarien
| Szenario | Bildschirm | Beispielkonfiguration |
|---|---|---|
| Aktuelle Linienbetriebsüberwachung | Stream | Kern-Tags (5) im Linien-Asset-Baum markieren → Anzeige 5 Min. → Start |
| Trendanalyse der gestrigen Nachtschicht | Trend | Zeitraum 21:00–07:00 / Sampling 1 Min. / Diagrammtyp Linie |
| Monatsvergleich entfernter Linien | Trend | Zeitraum 1 Monat / Sampling LTTB 1 % / TRIP-Anzeige EIN |
| Rekonstruktion der Situation vor einem Alarm | Trend | Zeitraum Alarmzeit ±10 Min. / Alarmanzeige EIN / Zeitleiste hinzufügen |
| Daten für Tagesberichte im 30-Minuten-Raster | Snapshot | Zeitraum 24 Stunden / Intervall 30_MIN |
| Datenübertragung an externe Analysetools | Datenextraktion | 1 Woche + 5 Kern-Tags → CSV-Download |
Häufige Fragen
F. Ich habe das Streaming gestartet, aber das Diagramm füllt sich nicht. A. Prüfen Sie, ob Sie im linken Baum ein Tag markiert haben. Prüfen Sie außerdem, ob die Pipeline-Karte im Dashboard 0 ist — möglicherweise ist die Datenerfassung selbst unterbrochen.
F. Die Trendabfrage ist zu langsam. A. Das bedeutet, dass zu viele Daten vorhanden sind. Aktivieren Sie mit der 🎚️-Schaltfläche die Sampling-Auswahl und downsampeln Sie mit LTTB (z. B. 1 %) oder einem Zeitintervall (z. B. 5 Min.).
F. Zu viele Diagrammserien, die Lesbarkeit leidet. A. Klicken Sie in der Legende oben rechts im Diagramm auf einen Seriennamen, um diese Serie ein-/auszublenden. Sie können auch im linken Baum die Markierung eines Tags entfernen, um es aus dem Diagramm zu nehmen.
F. Ich habe die Alarmanzeige aktiviert, aber es werden keine Marker im Diagramm angezeigt. A. Das bedeutet, dass im Abfragezeitraum für dieses Tag kein Alarm aufgetreten ist. Prüfen Sie zuerst das Ereignisprotokoll im Alarm-Bildschirm.
F. Die TRIP-Linie wird nicht angezeigt. A. Die TRIP-Linie wird nur im Multi-Y-Achsen-Modus (wenn mehrere Tags jeweils eine eigene Y-Achse haben) angezeigt. Im Einzel-Y-Achsen-Modus wird sie aus Gründen der Diagrammlesbarkeit nicht dargestellt.
F. Was ist der Unterschied zwischen Stream und Trend? A. Der Stream zeigt aktuell eingehende Daten, der Trend in der Vergangenheit gespeicherte Daten. Außerdem aktualisiert sich der Stream automatisch, während der Trend nur durch explizites Klicken auf „Abfragen" durch den Betreiber aktualisiert wird.
F. Was ist ein virtueller Punkt? A. Ein benutzerdefinierter Punkt, der nicht von einem echten Sensor-Tag stammt, sondern durch Berechnung aus anderen Tag-Werten erzeugt wird. Beispiel: Differenz zweier Temperatursensoren, Druck × Durchfluss usw. Er wird über die Schaltfläche Virtuellen Punkt hinzufügen im Stream-Bildschirm definiert.
F. Der Excel-Download liefert eine leere Datei. A. Eine leere Datei wird erstellt, wenn das Diagramm leer ist oder keine Abfrageergebnisse vorliegen. Stellen Sie zunächst sicher, dass das Diagramm korrekt dargestellt wird, und laden Sie dann herunter.
F. Was passiert, wenn ich zu viele Tags auf einem Bildschirm markiere? A. Aus Gründen der Diagrammlesbarkeit und Rendergeschwindigkeit wird empfohlen, die Anzahl auf 10–20 zu begrenzen. Bei mehr reduzieren Sie die Datenmenge mit LTTB-Sampling.
Verwandte Bildschirme
- Dashboard — Dateneingangstrends je Standort auf einen Blick
- Tagesstatistik — Täglicher Vergleich nach Standort · Linie · Anlage
- Prognoseanalyse — Tag-Daten lernen und Prognosen/Anomalieerkennung durchführen
- Alarm — Verknüpfung mit der Alarmanzeige im Trend-Diagramm
- Fabrikverwaltung — Registrierung von Assets und Tags
- Statuscode-Definition — Datentypen und Statuscodes