In dieser Artikelreihe zeige ich Dir eine weitere Visualierungsoberfläche für ioBroker.
Im 12. Teil der Artikelreihe schauen wir uns das Timeline-Widget genauer an. Mit dem Timeline-Widget kannst Du Dir die Veränderung von Zustanden auf einem Zeitstrahl ansehen. So siehst Duauf einen Blick zu welcher Zeit z.B. das Fenster offen war oder eine Bewegung im Flur erkannt wurde.
Bevor wir das Timeline-Widget verwenden können, müssen wir zunächst die in der Timeline darzustellenden Objekte mit dem History-Adapter loggen. Dazu klicken wir auf die Einstellungen des Datenpunktes.
In den Einstellungen des Datenpunktes „STATE“ aktivieren wir die History-Einstellung.
Nun starten wir HABPanel und öffnen das Dashboard, auf dem wir das Timeline-Widget einfügen möchten. Dazu wie gewohnt den Bearbeitungsmodus aktivieren und über die Schaltfläche „Add Widget“ das Widget „Timeline“ einfügen.
Nun öffnen wir die Einstellungen des Widgets um mit der Konfiguration zu beginnen.
In den Timeline Settings können wir hier zunächst den Namen und den Persistence Service wählen. Ich habe hier den Name „Timeline“ definiert und den Persistence Service leer gelassen, da er somit den History-Adapter einsetzt. Zudem können wir die zu betrachtende Periode einstellen.
Auf der Tab-Lasche „Colors“ kannst Du nun die Farbwerte definieren. Ich habe hier alle voreingestellten States und Farbwerte gelöscht und die im Screenshot gezeigten neuen Status angelegt. Hier muss man je nach Gerät und System (Homematic, Xiaomi, …) ein wenig experimentieren.
Als letzten Schritt der Konfiguration müssen wir nun auf der Tab-Lasche „Series“ eine neue Serie hinzufügen. Dazu klicken wir auf die Plus-Schaltfläche.
Wir wählen nun zunächst das Item aus. In einem Beispiel habe ich hier einen Tür- und Fensterkontakt von Homematic verwendet.
Wenn wir nun das Dashboard öffnen sehen wir die Timeline für unsere Haustür angezeigt. Grün steht für geschlossen, rot für geöffnet.
ioBroker HABPanel
- Teil 1 – Installation und Grundlagen
- Teil 2 – Dashboard und Widgets
- Teil 3 – Custom Widgets
- Teil 4 – Custom Widgets importieren (JSON-Format)
- Teil 5 – Custom Widgets anpassen und erweitern
- Teil 6 – Eigenes Widget erstellen
- Teil 7 – Unterstützung von verschiedenen Geräten und Auflösungen
- Teil 8 – Tür-/Fensterkontakt visualisieren
- Teil 9 – Das Chart Widget
- Teil 10 - Mit dem Frame-Widget eine VIS-View einbinden
- Teil 11 - Script über Button starten
- Teil 12 - Das Timeline-Widget
- Teil 13 - Das Template-Widget
- Teil 14 - Template Wissenssammlung
- Teil 15 – Das Slider-Widget
- Teil 16 – Das Dummy-Widget
- Teil 17 – Das Knob-Widget
- Teil 18 – Das Clock-Widget
- Teil 19 – Das Button-Widget
- Teil 20 – iCal Termine HTML-Darstellung
- Teil 21 – OpenWeatherMap Widget
- Teil 22 – Image Widget
- Teil 23 – Selection Widget
- Teil 24 – Online-Status Widget
Ich hoffe Dir gefällt der Artikel. Ich freue mich über Deinen Kommentar 🙂