# Pivot Sunburst Darstellung Widget type: `opendash-widget-hc-pivot-sunburst` · Plugin: `@opendash/plugin-highcharts`  ### Beschreibung Das Widget **Pivot Sunburst Darstellung** visualisiert deine IoT-Daten in einem mehrstufigen, kreisförmigen Hierarchiediagramm. Es ermöglicht dir, komplexe Datenströme und deren Aggregationen über verschiedene Zeit- und Datendimensionen hinweg anschaulich aufzubereiten. Dadurch erkennst du auf einen Blick Anteile, Zusammenhänge und Verteilungen innerhalb deiner Messwerte. ### Voraussetzungen * Mindestens ein verknüpfter Datenpunkt mit historischen Zeitreihendaten (z. B. Wirkleistung, Energieverbrauch oder andere Messdaten). * Ausreichend Datenhistorie für den ausgewählten Betrachtungszeitraum. --- ## 1. Konfiguration und Einrichtung 1. Öffne das Widget-Konfigurationsmenü und wähle den Reiter **Daten**. 2. Klicke auf das Auswahlfeld unter **Wähle Datenquellen aus, die du visualisieren möchtest.** und wähle die gewünschten Datenpunkte aus der Liste aus. 3. Lege unter **Wähle den Zeitraum, für den die Daten geladen werden sollen.** den gewünschten Zeitbereich fest (z. B. **Relative Auswahl** oder **Absolute Auswahl** sowie ein Intervall wie **Woche** oder **Monat**). 4. Wechsel oben auf den Reiter **Einstellungen**. 5. Aktiviere das Kontrollkästchen **Spalten und Reihen Attribute festlegen**, um festzulegen, nach welchen Kriterien (z. B. **Stunde**, **Tag**, **Woche**) das Diagramm von innen nach außen gegliedert werden soll. 6. Wähle unter **Warterstellung festlegen** den Datenpunkt und die gewünschte Aggregationsmethode (z. B. **Durchschnitt**, **Summe** oder **Maximalwerte**) aus. 7. Gib optional im Feld **Nachkommastellen** die Anzahl der anzuzeigenden Dezimalstellen an. 8. Klicke auf **Speichern**, um die Konfiguration zu übernehmen und das Widget auf deinem Dashboard aufzurufen. --- ## 2. Erweiterte Einstellungen & Formatierung | Option | Beschreibung | Funktion | | :--- | :--- | :--- | | **Wähle Datenquellen aus...** | Auswahlfeld für die zu analysierenden Datenpunkte. | Bestimmt, welche Datenreihen in das Widget geladen werden. | | **Filter hinzufügen** | Optionale Filtermöglichkeit für Datenquellen. | Schränkt die geladenen Daten nach bestimmten Kriterien oder Schwellenwerten ein. | | **Relative / Absolute Auswahl** | Schalter für die Zeitraumbestimmung. | Wählt zwischen flexiblen relativen Zeiträumen (z. B. letzte 7 Tage) und festen Daten. | | **Daten aus der Zukunft laden** | Kontrollkästchen für zukunftsgerichtete Daten. | Erlaubt die Einbindung von Prognose- oder Plandaten, sofern vorhanden. | | **Randwerte ergänzen** | Option zur Lückenfüllung an den Zeiträndern. | Stellt sicher, dass auch unvollständige Randintervalle korrekt dargestellt werden. | | **Start/Endzeit an Zeitfenster anpassen** | Automatische Zeitachsenoptimierung. | Richtet den Datenabruf exakt an den Grenzen des gewählten Intervalls aus. | | **Sonstige Einstellungen** | Erweiterbare Zusatzoptionen im Daten-Reiter. | Bietet erweiterte Parameter für spezifische Datenquellen-Konfigurationen. | | **Spalten und Reihen Attribute festlegen** | Hierarchie-Konfiguration für die Ringe. | Legt fest, welche Zeit- oder Datenattribute die inneren und äußeren Ringe bilden. | | **Attribute für Reihen festlegen** | Dropdown-Menü für Zeiteinheiten/Attribute. | Bestimmt die Segmentierungsebenen (z. B. Tag, Stunde, Minute). | | **Warterstellung festlegen** | Auswahl von Messwert und Aggregationsfunktion. | Wählt den konkreten Wert und die Berechnungsart (Summe, Durchschnitt, Min/Max etc.). | | **Sunburst Darstellung** | Stiloptionen für die Grafik. | Passt das visuelle Erscheinungsbild des Sunburst-Diagramms an. | | **Breadcrumb-Navigation anzeigen** | Pfadanzeige für Hierarchieebenen. | Blendet eine Navigationshilfe ein, um den aktuellen Drilldown-Pfad nachzuvollziehen. | | **Nachkommastellen** | Eingabefeld für numerische Präzision. | Bestimmt, mit wie vielen Nachkommastellen die Wertzahlen im Diagramm angezeigt werden. | --- ## 3. Das fertige Dashboard-Ergebnis Nach dem Speichern wird das Sunburst-Diagramm in Form von konzentrischen Ringen dargestellt. Der innerste Kreis repräsentiert die oberste Hierarchieebene, während sich die äußeren Ringe in feinere Unterkategorien (z. B. spezifische Tage oder Stunden) aufteilen. Beim Bewegen des Mauszeigers über ein Segment werden die genauen Messwerte sowie der zugehörige Zeitabschnitt angezeigt. Durch Klicken auf ein einzelnes Segment kannst du direkt in diese Ebene hineinzoomen (Drilldown), um Details genauer zu analysieren. Ein Klick auf das Zentrum stellt die ursprüngliche Gesamtübersicht wieder her. > 💡 **Praxis-Tipp:** Kombiniere eine zeitliche Hierarchie (z. B. *Woche* als inneren Ring und *Stunde* als äußeren Ring) mit der Aggregationsfunktion **Durchschnitt**, um wiederkehrende Spitzenwerte oder Auffälligkeiten an spezifischen Wochentagen auf einen Blick zu identifizieren.