# Zeitverlauf Widget type: `opendash-widget-hc-timeseries` · Plugin: `@opendash/plugin-highcharts` ![Time Series preview](../../../../../_attachments/opendash/widgets/assets/widget-previews/hc-timeseries.png) ### Beschreibung Das **Zeitverlauf Widget** dient der fortlaufenden Visualisierung von kontinuierlichen Messwerten und Zeitreihendaten über ein definiertes Zeitfenster. IoT-Anwender können damit präzise Trends, periodische Schwankungen oder plötzliche Abweichungen wichtiger Betriebsdaten (wie Leistung, Temperatur oder Druck) im zeitlichen Verlauf überwachen. ### Voraussetzungen * Mindestens eine Datenquelle, die kontinuierliche Zeitreihen- oder Telemetriedaten (z. B. Wirkleistung, Temperatur oder Zählerstände) bereitstellt. * Die notwendigen Rechte zur Bearbeitung des Dashboards und Konfiguration von Widgets. --- ## 1. Konfiguration und Einrichtung 1. Klicke auf dem noch nicht eingerichteten Widget-Feld auf die Schaltfläche **Einstellungen**, um das Konfigurationsmenü zu öffnen. 2. Navigiere zum Reiter **Daten** und klicke in das obere Eingabefeld unter **Wähle Datenquellen aus, die du visualisieren möchtest.**, um das Dropdown-Menü der verfügbaren Datenpunkte zu öffnen. 3. Wähle aus der Liste das gewünschte Daten-Item aus, indem du das entsprechende Kontrollkästchen aktivierst. 4. Schließe die Liste über die Schaltfläche **Schließen**. 5. Bestimme im Bereich **Wähle den Zeitraum, für den die Daten geladen werden sollen.** den gewünschten Zeitbereich, indem du beispielsweise auf die Registerkarte **Relative Auswahl** klickst und den Intervallwert sowie die Zeiteinheit (z. B. `1` **Woche**) einstellst. 6. Klicke unten rechts auf **Speichern**, um die Konfiguration zu übernehmen und den Zeitverlauf auf deinem Dashboard anzuzeigen. --- ## 2. Erweiterte Einstellungen & Formatierung Im Menü stehen zusätzliche Optionen zur Verfügung, mit denen die Datenabfrage verfeinert und die Darstellung präzise gesteuert werden kann: | Option | Beschreibung | Funktion | | :--- | :--- | :--- | | **Filter hinzufügen** | Kontrollkästchen unterhalb der Datenquellenauswahl. | Aktiviert Filterbedingungen, um die angezeigten Datenpunkte nach spezifischen Kriterien einzugrenzen. | | **Aktueller Wert** | Registerkarte im Bereich der Zeitraumeinstellungen. | Stellt den Zeitraum so ein, dass er sich am aktuellsten empfangenen Zeitstempel orientiert. | | **Absolute Auswahl** | Registerkarte im Bereich der Zeitraumeinstellungen. | Ermöglicht die Festlegung eines statischen Zeitfensters mit einem konkreten Start- und Enddatum über einen Kalender. | | **Keine Live-Daten laden** | Kontrollkästchen unterhalb der Zeitauswahl. | Deaktiviert die dynamische Echtzeit-Aktualisierung der historischen Kurve auf dem Dashboard. | | **Daten aus der Zukunft laden** | Kontrollkästchen unterhalb der Zeitauswahl. | Erlaubt es, vorausberechnete Prognose- oder Solldaten in die Grafik mit einzubeziehen. | | **Randwerte ergänzen** | Kontrollkästchen unterhalb der Zeitauswahl. | Sorgt dafür, dass Datenlücken an den exakten Rändern des ausgewählten Zeitfensters interpoliert oder aufgefüllt werden. | | **Start-/Endzeit an Zeiteinheit anpassen** | Kontrollkästchen unterhalb der Zeitauswahl. | Rundet die Abfragegrenzen automatisch auf volle Stunden, Tage oder Wochen ab. | | **Sonstige Einstellungen** | Einklappbarer Bereich am unteren Rand des Daten-Reiters. | Bietet Zugriff auf allgemeine Widget-Optionen wie Aktualisierungsintervalle oder Datenpufferungen. | | **Einstellungen (Reiter)** | Menüreiter oben rechts neben dem Reiter "Daten". | Ermöglicht die visuelle Anpassung des Diagramms (z. B. Linienfarben, Achsenskalierungen und Legendenbeschriftungen). | --- ## 3. Das fertige Dashboard-Ergebnis Nach dem erfolgreichen Speichern präsentiert das Widget ein übersichtliches Liniendiagramm. Die vertikale Achse (Y-Achse) skaliert sich automatisch passend zu den gemessenen Werten, während die horizontale Achse (X-Achse) den zeitlichen Ablauf darstellt. Der Verlauf des ausgewählten Datenpunkts wird als kontinuierliche Linie abgebildet. Fährst du mit der Maus über das Diagramm, zeigt ein interaktiver Tooltip (Mouse-Over-Effekt) exakt den gemessenen Wert sowie den genauen Zeitstempel des jeweiligen Datenpunkts an. Auf diese Weise lassen sich Minimal- und Maximalwerte im Dashboard präzise ablesen. > 💡 **Praxis-Tipp:** Kombiniere bei Bedarf im Datenfeld mehrere ähnliche Datenquellen (z. B. die Wirkleistung verschiedener Hallen). Dadurch kannst du Verbräuche im selben Zeitraum direkt visuell miteinander vergleichen und Lastspitzen oder Anomalien im Parallelbetrieb sofort erkennen.