# Periodenvergleich Widget type: `opendash-widget-hc-timeseries-compare` · Plugin: `@opendash/plugin-highcharts` ![Period Comparison preview](../../../../../_attachments/opendash/widgets/assets/widget-previews/hc-timeseries-compare.png) ### Beschreibung Das **Periodenvergleich Widget** ermöglicht es dir, zeitlich versetzte Zeiträume desselben Datenpunktes direkt übereinanderzulegen und miteinander zu vergleichen. IoT-Anwender können auf diese Weise zyklische Muster, Abweichungen zum Vortag oder Optimierungserfolge (z. B. den Energieverbrauch dieser Woche im Vergleich zur Vorwoche) präzise analysieren. ### Voraussetzungen * Mindestens eine kontinuierliche Datenquelle (Zeitreihen- oder Telemetriedaten wie Leistung, Temperatur oder Durchsatz), die über historische Daten verfügt. * Die erforderlichen Berechtigungen, um Widgets auf deinem Dashboard hinzuzufügen oder anzupassen. --- ## 1. Konfiguration und Einrichtung 1. Klicke auf dem neu hinzugefügten Widget-Platzhalter auf die Schaltfläche **Einstellungen**, um das Konfigurationsfenster zu öffnen. 2. Klicke im geöffneten Reiter **Daten** in das obere Eingabefeld unter **Wähle Datenquellen aus, die du visualisieren möchtest.**, um das Dropdown-Menü zu öffnen. 3. Wähle aus der Liste die gewünschte Messgröße aus. 4. Wechsle im oberen Bereich des Fensters in den Reiter **Einstellungen**. 5. Wähle im Bereich **Visualisierungsart festlegen** deine bevorzugte Darstellungsform aus (z. B. **Liniendiagramm**). 6. Klicke unten rechts auf **Speichern**, um das fertig eingerichtete Widget auf deinem Dashboard zu platzieren. --- ## 2. Erweiterte Einstellungen & Formatierung Das Widget bietet vielfältige Anpassungsoptionen im Konfigurationsmenü, um die Visualisierung perfekt auf deine Anforderungen abzustimmen: | Option | Beschreibung | Funktion | | :--- | :--- | :--- | | **Filter hinzufügen** | Kontrollkästchen im Reiter **Daten**. | Erlaubt es, bestimmte Datenwerte oder Zeitpunkte vor der Analyse gezielt herauszufiltern. | | **Sonstige Einstellungen** | Ausklappbares Menü ganz unten im Reiter **Daten**. | Bietet allgemeine administrative Optionen und erweiterte technische Parameter für die Datenabfrage. | | **Liniendiagramm (gekurvt)** | Visualisierungsart im Reiter **Einstellungen**. | Stellt den Datenverlauf als weich abgerundete Kurvenlinie statt starrer, gerader Linienabschnitte dar. | | **Flächendiagramm** | Visualisierungsart im Reiter **Einstellungen**. | Füllt den Bereich unterhalb der Datenlinie farbig aus, um Volumenänderungen visuell zu betonen. | | **Flächendiagramm (gekurvt)** | Visualisierungsart im Reiter **Einstellungen**. | Kombiniert abgerundete Kurvenverläufe mit einer farblich ausgefüllten Fläche darunter. | | **Punktwolke** | Visualisierungsart im Reiter **Einstellungen**. | Zeigt jeden einzelnen erfassten Messpunkt als separaten Punkt an, ideal zur Erkennung von Datenstreuungen. | | **Blockdiagramm** | Visualisierungsart im Reiter **Einstellungen**. | Visualisiert die Datenwerte in Form von gestuften, rechteckigen Blöcken. | | **Zeige Legende unter Diagramm** | Kontrollkästchen im Bereich **Interaktionsmöglichkeiten**. | Blendet am unteren Rand des Widgets eine Übersicht ein, welche Kurve zu welchem Vergleichszeitraum gehört. | | **Zeige einen Tooltip für Datenpunkte** | Kontrollkästchen im Bereich **Interaktionsmöglichkeiten**. | Aktiviert ein Infofenster, das erscheint, sobald du den Mauszeiger über einen Datenpunkt bewegst. | | **Farboptionen** | Ausklappbares Menü im Reiter **Einstellungen**. | Ermöglicht die individuelle farbliche Kennzeichnung der einzelnen Vergleichsperioden zur besseren Unterscheidung. | --- ## 3. Das fertige Dashboard-Ergebnis Nach der Einrichtung siehst du ein dynamisches Diagramm auf deinem Dashboard. Die Besonderheit liegt in der Zeitachse: Die Kurven der verschiedenen Zeiträume (z. B. heute und gestern) werden synchron über denselben X-Achsen-Bereich gelegt. Dadurch kannst du Höhen und Tiefen im Tages- oder Wochenverlauf deckungsgleich miteinander abgleichen. Über integrierte Pfeil-Buttons direkt im Widget kannst du die verglichenen Zeiträume jederzeit komfortabel vor- oder zurückverschieben. Wenn du mit der Maus über die Linien fährst, zeigt dir der interaktive Tooltip die exakten Werte der jeweiligen Perioden zum selben relativen Zeitpunkt an. > 💡 **Praxis-Tipp:** Nutze dieses Widget für ein effektives Peak-Shaving (Lastspitzenkappung). Vergleiche den aktuellen Produktionstag mit dem bisherigen Best-Practice-Tag, um ungewöhnliche Lastspitzen frühzeitig zu erkennen und gezielte Gegenmaßnahmen einzuleiten.