ioBroker Visualisierung mit lovelace – Teil 7 – Das Wetter Widget

In dieser Artikelreihe zeige ich Dir, wie Du eine Visualisierung mit lovelace UI erstellen kannst.

Mit Lovelace kannst Du Visualisierungsoberflächen für ioBroker einfach und schnell konfigurieren. Die Visualisierung kommt ursprünglich von der Home-Assistant Plattform und wurde nachträglich auch für ioBroker verfügbar gemacht. In der aktuellen Version funktionierten noch nicht alle Widgets vollständig, eine einfache Visualisierung kann aber ohne Probleme erstellt werden. In der Artikelreihe werde ich die Grundlagen sowie die Möglichkeiten der Visualisierung darstellen. Im siebten Teil schauen wir uns das Wetter Widget genauer an.

Um das Wetter Widget in der Visualisierung verwenden zu können, benötigst Du den Adapter „Das Wetter“ oder alternativ den „yr“ Adapter. Ich verwende in meiner Visualisierung den Adapter „Das Wetter“. Zudem muss der Adapter entsprechend eingerichtet und Wetter-Objekte angelegt sein. Weiter sollte mindestens die Version 0.1.4 installiert sein.

Um das Widget nutzen zu können, müssen wir im ersten Schritt einen neuen Raum „any“ in den Aufzählungen anlegen. Dieser Raum wird nachher in den Objekten verwendet.

 

Im nächsten Schritt wechseln wir in die Objekt-Ansicht und vergeben für folgenden Datenpunkt die unten genannten Eigenschaften:

daswetter.0.NextDays.Location_1

  • Raum: Any
  • Funktion: funcWeather

Dazu klickt ihr einfach auf die entsprechende Spalte des Datenpunkts und wählt in der Liste der Einträge den Raum und die Funktion aus.

 

Nun sind die Vorbereitungen in der ioBroker Objektstruktur abgeschlossen.

 

Im nächsten Schritt müssen wir die Entitäten für den lovelace-Adapter aktualisieren. Dazu einfach den Adapter Neu starten oder alternativ in der Adapter-Konfiguration die Entitäten aktualisieren. Nach der Aktualisierung der Entitäten sollte in der Liste der Entitäten die Entität für „Weather.“ zu sehen sein.

 

wir können jetzt in die lovelace Konfiguration wechseln und dort das Widget auf der entsprechenden Tab-Lasche einfügen. Ich möchte das Widget auf der Startseite „Übersicht“ der Visualisierung einfügen, also wechsele ich auf die Tab-Lasche und klicke auf die Plus-Schaltfläche.

 

In der Widget-Auswahl wählen wir hier das Widget „Weather Forecast“.

 

Nun müssen wir das eingefügte Widget konfigurieren.

 

Der Name ist optional, er wird als Überschrift in dem Widget eingeblendet. Ich habe hier die Überschrift „Wetter in Gerlingen“ verwendet. Als Entität wählen wir hier den vorher definierten Datenpunkt ausgewählt.

 

In der Vorschau werden direkt die Wetter-Informationen eingeblendet.

 

So einfach habt ihr die Wetter-Aussichten des Adapters „Das Wetter“ in lovelace integriert. Über die

 

Bekannte Probleme bei der Einrichtung des Widgets

  • Invalide Date
    Anstatt den Tagesnamen steht hier nur „Invalide Date“.
    Lösung: Bitte aktualisiere den lovelace-Adapter auf die Version Version 0.1.4 (Stand August 2019)

 

Über Kommentare unterhalb des Artikels oder per E-Mail freue ich mich wie immer 🙂

 

 

Matthias Korte

Hauptberuflich Software-Entwickler und seit einigen Jahren Smart-Home Fan. Angefangen hat alles mit einem RaspberryMatic und einer schaltbaren Steckdose. Mittlerweile habe ich einige Steckdosen, Sensoren, und Thermostate sowie ioBroker zur Visualisierung im Einsatz.

8 Gedanken zu „ioBroker Visualisierung mit lovelace – Teil 7 – Das Wetter Widget

  • 26. September 2019 um 6:50
    Permalink

    Die Anleitung ist gut geschrieben jedoch steh ich ein bissl auf den Schlauch mit dem Raum hinzufügen
    wo füge ich den hinzu

    Antwort
    • 26. September 2019 um 7:31
      Permalink

      Hallo Martin,
      schau mal im Bereich Aufzählungen. Dort kannst Du die Räume konfigurieren 🙂

      Antwort
  • 3. Oktober 2019 um 22:53
    Permalink

    Hallo Matthias,
    was mache ich falsch, wenn die Icons nicht angezeigt werden? Stattdessen steht nur /adapter/daswetter/icons/tiempo-weather/galeria1/5.png

    Antwort
    • 16. Oktober 2019 um 9:57
      Permalink

      das gleiche Phänomen habe ich auch.

      Antwort
  • 18. Oktober 2019 um 23:38
    Permalink

    Hi, ich habe auch das gleiche Problem. Habe an Stelle von „das Wetter“ auch schon den „yr.no“ Adapter ausprobiert, doch da werden die Symbole auch nicht angezeigt. Weißt du woran das liegt?

    Antwort
    • 26. Oktober 2019 um 7:11
      Permalink

      Hallo Jan,

      nutzt Du die neuesten Versionen von dasWetter und lovelace?
      Bei mir geht das problemlos :-/

      Grüße,
      Matthias

      Antwort
  • 26. Oktober 2019 um 12:59
    Permalink

    Hallo Matthias

    ich habe auch das Problem mit den fehlenden Icons. Das Problem trat auf nach Update von Lovelace Version 0.1.5 auf Version 0.2.1 auf. In Version 0.1.5. hat noch alles funktioniert.
    Die Version von „Das Wetter“ ist bei mir 2.8.0.

    Gruß Karl

    Antwort
    • 26. Oktober 2019 um 13:31
      Permalink

      Hallo Karl,

      danke für Deine Rückmeldung. Ich kann das Problem jetzt bei mir auch reproduzieren, es scheint sich etwas an den Image-Pfaden geändert zu haben. Ich versuche das mal zu klären und melde mich wieder 🙂

      Grüße,
      Matthias

      Antwort

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Ich akzeptiere