# Doppel-Kennzahl Widget type: `opendash-widget-hc-double-kpi` · Plugin: `@opendash/plugin-highcharts`  ### Beschreibung Das Widget **Doppel-Kennzahl** ermöglicht es dir, zwei unterschiedliche, miteinander verknüpfte Messwerte direkt nebeneinander oder übereinander auf deinem Dashboard darzustellen. Dies gibt dir die Möglichkeit, komplementäre Kennzahlen derselben Anlage – wie beispielsweise die aktuelle Leistung und den kumulierten Verbrauch – auf einen Blick zu vergleichen und zu überwachen. ### Voraussetzungen * Mindestens zwei historische oder Live-Datenquellen (z. B. Telemetriedaten für Leistung, Verbrauch, Temperatur oder Durchsatz) im IoT-System. --- ## 1. Konfiguration und Einrichtung 1. Klicke auf der Dashboard-Kachel des noch unkonfigurierten Widgets auf die Schaltfläche **Einstellungen** (oder öffne diese über das Drei-Punkte-Menü oben rechts). 2. Klicke im Reiter **Daten** in das Such- und Auswahlfeld **Auswahl von einem Daten Item** unter „Wähle Datenquellen aus, die du Visualisieren möchtest.“. 3. Wähle aus deiner Gerätestruktur nacheinander die beiden gewünschten Datenpunkte aus (z. B. `Leistung` und `Verbrauch` einer Maschine). 4. Wechsle im oberen Bereich des Konfigurationsfensters in den Reiter **Einstellungen**. 5. Wähle im Bereich **Layout** aus, ob die beiden Kennzahlen **Nebeneinander** oder **Übereinander** dargestellt werden sollen. 6. Passe nach Wunsch weitere visuelle Eigenschaften wie Beschriftungen, Farben oder Nachkommastellen an. 7. Klicke unten rechts auf **Speichern**, um die Doppel-Kennzahl auf deinem Dashboard anzuzeigen. --- ## 2. Erweiterte Einstellungen & Formatierung | Option | Beschreibung | Funktion | | :--- | :--- | :--- | | **Auswahl von einem Daten Item** | Auswahlliste im Reiter *Daten* | Definiert die beiden Datenpunkte, die als Kennzahlen dargestellt werden. | | **Sonstige Einstellungen** | Ausklappbares Zusatzmenü im Reiter *Daten* | Ermöglicht die Anpassung von Zeitbereichen und Aggregationsintervallen für die Datenströme. | | **Layout (Nebeneinander / Übereinander)** | Radio-Buttons im Reiter *Einstellungen* | Steuert die Anordnung der beiden KPIs (horizontal nebeneinander oder vertikal gestapelt). | | **Kästen-Design verwenden** | Checkbox im Reiter *Einstellungen* | Platziert beide Kennzahlen in optisch abgetrennten, strukturierten Boxen innerhalb des Widgets. | | **Trennlinie anzeigen** | Checkbox im Reiter *Einstellungen* | Fügt eine visuelle Trennlinie zwischen den beiden Werten ein, um die Ablesbarkeit zu erhöhen. | | **Sparkline anzeigen** | Checkbox im Reiter *Einstellungen* | Hinterlegt den Werten eine dezente Verlaufskurve (Trendlinie) des historischen Verlaufs. | | **Eigene Beschriftung für Wert 1 / 2 (optional)** | Texteingabefelder | Erlaubt es dir, die standardmäßigen Sensornamen durch eigene, verständliche Namen zu ersetzen. | | **Farbe Wert 1 / 2** | Farbauswahl-Paletten | Weist den einzelnen Werten individuelle Farben zu, um sie visuell besser unterscheiden zu können. | | **Zeitstempel verstecken** | Checkbox im Reiter *Einstellungen* | Blendet die Angabe der exakten letzten Datenaktualisierung unterhalb der Werte aus. | | **Titel verstecken** | Checkbox im Reiter *Einstellungen* | Verbirgt den übergeordneten Namen des Widgets auf dem Dashboard. | | **Nachkommastellen** | Numerisches Eingabefeld | Legt fest, auf wie viele Nachkommastellen die angezeigten Messwerte gerundet werden. | --- ## 3. Das fertige Dashboard-Ergebnis Nach dem Speichern präsentiert das Widget zwei präzise Messwerte direkt nebeneinander oder übereinander auf deinem Dashboard. Jeder Wert ist mit seiner Maßeinheit (z. B. `kW` und `kWh`) sowie dem Namen der jeweiligen Datenquelle oder deiner benutzerdefinierten Beschriftung versehen. Direkt unter den Werten signalisiert ein präziser Zeitstempel die Aktualität der Daten. Wenn die Sparklines aktiviert sind, siehst du zudem im Hintergrund eine feine Trendkurve, die dir sofort zeigt, wie sich die Werte in der jüngeren Vergangenheit entwickelt haben. > 💡 **Praxis-Tipp:** Verwende das **Kästen-Design** in Kombination mit benutzerdefinierten **Farben**, um zusammenhängende Wertebereiche schnell zu erfassen. Du kannst beispielsweise den Live-Wert für die elektrische Leistung in einem kräftigen Blau und den Gesamtverbrauch in einem dezenten Grün formatieren – so assoziieren Anwender im Betrieb die Farben sofort mit den richtigen physikalischen Einheiten.