# Kennzahl-Übersicht Widget type: `opendash-widget-hc-multi-kpi` · Plugin: `@opendash/plugin-highcharts` ![KPI Overview preview](../../../../../_attachments/opendash/widgets/assets/widget-previews/hc-multi-kpi.png) ### Beschreibung Das **Kennzahl-Übersicht Widget** ermöglicht es dir, mehrere wichtige Leistungskennzahlen (KPIs) und Datenpunkte gesammelt in einer übersichtlichen Listenform auf deinem Dashboard darzustellen. Es hilft IoT-Anwendern dabei, verschiedene Messwerte, Statusmeldungen oder historische Zeitreihen unterschiedlicher Maschinen und Sensoren auf einen Blick miteinander zu vergleichen. ### Voraussetzungen * Ein aktives Dashboard mit Berechtigungen zum Bearbeiten von Widgets. * Konfigurierte IoT-Datenquellen im System (z. B. Maschinen, Energiezähler oder Sensoren). * Verfügbare Datenpunkte innerhalb dieser Quellen, wie z. B. Live-Leistungswerte, Status-Events oder Verbrauchshistorien. --- ## 1. Konfiguration und Einrichtung 1. **Einstellungen öffnen**: Klicke oben rechts am Widget auf die drei vertikalen Punkte und wähle im Dropdown-Menü den Punkt **Einstellungen** aus. 2. **Datenquellen auswählen**: * Du befindest dich standardmäßig im Reiter **Daten**. * Klicke in das Eingabefeld unter **Wähle Datenquellen aus, die du visualisieren möchtest**. * Nutze das Suchfenster oder navigiere durch die Struktur deines IoT-Systems, um die gewünschten Datenpunkte (z. B. Wirkleistung, Lastspitze oder Status) per Haken auszuwählen. 3. **Zeitraum festlegen**: Klicke auf das Dropdown- oder Kalenderfeld im Bereich **Wähle den Zeitraum, für den die Daten geladen werden sollen**, um das Zeitfenster der angezeigten Daten zu bestimmen. 4. **Titel und Beschreibung anpassen**: * Wechsle oben in den Reiter **Einstellungen**. * Trage im Feld **Titel** den gewünschten Namen ein, der über der Übersicht stehen soll (z. B. `Halle A Übersicht`). * Nutze das Feld **Beschreibung**, um optional eine Kurzinformation für andere Dashboard-Nutzer zu hinterlegen. 5. **Konfiguration speichern**: Klicke unten rechts auf die Schaltfläche **Speichern**, um die Liste zu generieren und auf das Dashboard anzuwenden. --- ## 2. Erweiterte Einstellungen & Formatierung | Option | Beschreibung | Funktion | | :--- | :--- | :--- | | **Wähle Datenquellen aus...** | Auswahlliste für Gerätedaten und Telemetrie. | Bestimmt, welche Kennzahlen und Zeilen der Liste hinzugefügt werden. | | **Lade Live-Daten** | Kontrollkästchen im Daten-Reiter. | Aktiviert die Echtzeit-Aktualisierung der Messwerte ohne Neuladen der Seite. | | **Titel** | Textfeld im Einstellungen-Reiter. | Legt die Hauptüberschrift des Widgets auf dem Dashboard fest. | | **Beschreibung** | Mehrzeiliges Textfeld im Einstellungen-Reiter. | Blendet eine optionale Erklärung oder Notiz direkt im Widget ein. | | **Bildlink (oder Base64)** | Textfeld zur Angabe einer Bild-URL oder eines Bildcodes. | Ermöglicht das Hinterlegen eines Logos oder Symbols für die Übersicht. | | **Gerätename in Übersicht anzeigen**| Schalter / Kontrollkästchen. | Blendet den Namen des IoT-Geräts (z. B. `Maschine A`) neben dem Datenpunkt ein oder aus. | | **Zeitstempel anzeigen** | Kontrollkästchen (standardmäßig aktiv). | Zeigt das exakte Datum und die Uhrzeit der letzten Datenübermittlung unter dem Wert an. | | **Einheit anzeigen** | Kontrollkästchen (standardmäßig aktiv). | Blendet die physikalische oder logische Einheit (z. B. `kW`, `kWh`) hinter dem Wert ein. | | **Nachkommastellen** | Numerisches Eingabefeld (Standardwert: `2`). | Steuert, auf wie viele Dezimalstellen gerundete Zahlenwerte gekürzt werden. | --- ## 3. Das fertige Dashboard-Ergebnis Nach dem Speichern siehst du eine strukturierte, vertikale Liste auf deinem Dashboard. Jede Zeile repräsentiert einen ausgewählten Datenpunkt. Links wird der Name der Kennzahl (und optional des Geräts) angezeigt, während rechts der aktuelle Messwert in fetter Schrift mitsamt seiner Einheit steht. Direkt darunter liefert ein kleiner, grauer Zeitstempel die Information, von wann die gezeigte Meldung genau stammt, was eine schnelle Überprüfung der Datenaktualität ermöglicht. > 💡 **Praxis-Tipp:** Nutze das Beschreibungsfeld, um Grenzwerte oder Zuständigkeiten direkt im Widget zu vermerken. Wenn du sehr viele Kennzahlen überwachst, passe die Option **Nachkommastellen** an, um die Werte kompakt zu halten und die Lesbarkeit der Tabelle zu erhöhen.