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.

15 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
  • 12. Dezember 2019 um 8:46
    Permalink

    Hallo Zusammen,

    ich kann das ebenfalls bestätigen. In der Version 1.0.6 stimmt der Pfad auch nicht. Interessanterweise, wenn ich den gesamten Pfad ‚http://localhost:8091/adapter/daswetter/icons/tiempo-weather/galeria2/1.png‘ im Browser öffne, wird die Grafik angezeigt.

    Meine Recherche hat ergeben, dass iobroker.lovelace den absoluten Pfad falsch interpretiert. Wenn ihr zB. die Karte ‚Picture‘ verwendet und den Pfad ‚/image/image.png‘ definiert, muss das File unter ‚/opt/iobroker/node_modules/iobroker.lovelace/hass_frontend/static/images‘ liegen. Blöd nur, dass das File bei jeden Update von iobroker.lovelace gelöscht wird :-/

    Antwort
  • 20. Dezember 2019 um 3:50
    Permalink

    Gibt es schon eine Lösung für das Icon Problem ?

    Würde mich über eine Rückmeldung freuen.

    Antwort
    • 20. Dezember 2019 um 6:55
      Permalink

      Nein, aktuell leider noch nicht. Ich wollte mir das in den nächsten Tagen aber nochmals ansehen. Ich meine es wurde auch ein Issue auf GitHub erstellt.

      Antwort
      • 1. März 2020 um 14:31
        Permalink

        Hallo,

        versuche mich gerade an der Wetteranzeige. Gibt es schon was neues zu dem Thema Icons?

        Antwort
        • 9. April 2020 um 12:01
          Permalink

          Würde mich auch interessieren, habe nämlich dasselbe Problem, dass keine Grafiken/Icons angezeigt werden. 🙁

          Antwort
  • 1. März 2020 um 18:03
    Permalink

    Hallo,

    da ich relativ neu in dem Thema bin, wollte ich mal fragen ob es schon was neues zu den Icons gibt?

    Antwort
  • 9. April 2020 um 14:31
    Permalink

    @rene:
    Das Problem wurde bereits vor einiger Zeit schon auf GitHub gemeldet aber es scheint einfach nichts zu passieren 🙁

    https://github.com/ioBroker/ioBroker.lovelace/issues/41

    @Matthias
    Kannst du vielleicht nochmal versuchen da Licht ins Dunkle zu bringen?
    Vielleicht hast du ja noch ein paar andere Kanäle über die du auf das Problem aufmerksam machen kannst oder den Author zu ’nem Statement überreden kannst?

    Das Problem zieht sich durch so viele lovelace Versionen – es werden auch immer wieder irgendwelche Sachen gefixt aber nicht bei der Wetterkarte. Man könnte meinen, der Author hat die Lust verloren…

    Antwort

Schreibe einen Kommentar

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