Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Praktische Anwendungen (Showcase)
    4. Material Design Widgets: Wetter View

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Material Design Widgets: Wetter View

    This topic has been deleted. Only users with topic management privileges can see it.
    • Glasfaser
      Glasfaser @Ulli 0 last edited by Glasfaser

      @ulli-0
      Du bist eigentlich im falschen Thread mit deiner Anfrage !

      Ich vermute mal das Icon Bild ist nicht hinterlegt / vorhanden .
      Das ist eher eine Einstellung beim Adapter dasWetter ( Icon´s ) ,
      schau mal dort im Thread dort ist es auch dokumentiert .

      https://forum.iobroker.net/topic/5347/adapter-daswetter

      EDIT :

      hier hast du die selbe Anfrage .... bitte auch dann dort weiter machen !
      https://forum.iobroker.net/topic/20675/projekt-wetterview-von-sigi234/466?_=1615359131245

      1 Reply Last reply Reply Quote 0
      • S
        Solear last edited by

        Ganz tolles Design. Großes Kino. Habe ich bei mir drin, meine Freundin freut sich auch sehr.

        Jetzt wollte ich meine View etwas erweitern und habe das Material-Menü https://www.smarthome-tricks.de/software-iobroker/vis-material-design-widgets-teil-2-1-top-app-bar-navigation-untermenues/ als Vorlage genommen.

        In ein Menü habe ich das Wetterdesign einkopiert. Das Klappt auch.
        Ich habe aber das Problem, dass teilweise spontane Fehlermeldungen kommen (siehe Bild).
        "Fehler im JSON-String!" oder Datenpunkt nicht gefunden. Lädt man es nochmal kommen die Felder. Beim nächsten Mal wieder nicht, dann gehen andere.IMG_0537.PNG
        Woran liegt das? Da immer andere Datenfehler fehlen, nehme ich an, der rechnet das nicht schnell genug. iobroker läuft auf einer VM einer Synology DS-720+, die ist eigentlich recht fix.
        Hat jemand einen Tipp?

        1 Reply Last reply Reply Quote 0
        • P
          papaechokilo @nerg last edited by papaechokilo

          @nerg Hallo, kannst du mir bitte sagen wie Du mit dem einfügen der Bewölkung gemacht hast. Ich nehme an, das Script erweitert. Ein Screenshot deines Scripts (die entsprechenden Zeilen) wäre sehr nett. Ich habe leider nicht sehr viel Ahnung von Javascript und benötige daher immer wieder einen kleine Vorlage. Vielen Dank.

          1 Reply Last reply Reply Quote 0
          • S
            Stimpy23 last edited by Negalein

            Bei mir kommt immer folgende Fehlermeldung.
            Das Wetter Vis funktioniert auch nicht.
            Was habe ich falsch gemacht?

            javascript.0	2021-05-10 15:37:41.042	warn	(2391) script.js.DasWetter: [createVorschauGraph] Keine Daten für Tag 5 vorhanden! Reduziere die Anzahl der Tage im Skript, dann wird keine Warnmeldung mehr angezeigt!
            javascript.0	2021-05-10 15:37:41.041	warn	(2391) script.js.DasWetter: [createVorschauGraph] Keine Daten für Tag 4 vorhanden! Reduziere die Anzahl der Tage im Skript, dann wird keine Warnmeldung mehr angezeigt!
            javascript.0	2021-05-10 15:37:41.040	warn	(2391) script.js.DasWetter: [createVorschauGraph] Keine Daten für Tag 3 vorhanden! Reduziere die Anzahl der Tage im Skript, dann wird keine Warnmeldung mehr angezeigt!
            javascript.0	2021-05-10 15:37:41.039	warn	(2391) script.js.DasWetter: [createVorschauGraph] Keine Daten für Tag 2 vorhanden! Reduziere die Anzahl der Tage im Skript, dann wird keine Warnmeldung mehr angezeigt!
            javascript.0	2021-05-10 15:37:41.038	warn	(2391) script.js.DasWetter: [createVorschauGraph] Keine Daten für Tag 1 vorhanden! Reduziere die Anzahl der Tage im Skript, dann wird keine Warnmeldung mehr angezeigt!
            javascript.0	2021-05-10 15:37:41.032	warn	(2391) at script.js.DasWetter:1038:3
            javascript.0	2021-05-10 15:37:41.032	warn	(2391) at script.js.DasWetter:990:1
            javascript.0	2021-05-10 15:37:41.031	warn	(2391) at createData (script.js.DasWetter:135:9)
            javascript.0	2021-05-10 15:37:41.031	warn	(2391) at createBewolkung (script.js.DasWetter:202:29)
            javascript.0	2021-05-10 15:37:41.026	warn	(2391) getState "daswetter.0.NextHours.Location_1.Day_1.current.clouds_value" not found (3)
            javascript.0	2021-05-10 15:37:41.025	warn	(2391) script.js.DasWetter: Keine Daten für Tag 5 vorhanden! Reduziere die Anzahl der Tage im Skript, dann wird keine Warnmeldung mehr angezeigt!
            javascript.0	2021-05-10 15:37:41.025	warn	(2391) script.js.DasWetter: Keine Daten für Tag 4 vorhanden! Reduziere die Anzahl der Tage im Skript, dann wird keine Warnmeldung mehr angezeigt!
            javascript.0	2021-05-10 15:37:41.024	warn	(2391) script.js.DasWetter: Keine Daten für Tag 3 vorhanden! Reduziere die Anzahl der Tage im Skript, dann wird keine Warnmeldung mehr angezeigt!
            javascript.0	2021-05-10 15:37:41.024	warn	(2391) script.js.DasWetter: Keine Daten für Tag 2 vorhanden! Reduziere die Anzahl der Tage im Skript, dann wird keine Warnmeldung mehr angezeigt!
            javascript.0	2021-05-10 15:37:41.023	warn	(2391) script.js.DasWetter: Keine Daten für Tag 1 vorhanden! Reduziere die Anzahl der Tage im Skript, dann wird keine Warnmeldung mehr angezeigt!
            javascript.0	2021-05-10 15:37:41.022	info	(2391) script.js.DasWetter: Material Design Widgets: Wetter Skript gestartet
            javascript.0	2021-05-10 15:37:40.978	info	(2391) Start javascript script.js.DasWetter
            javascript.0	2021-05-10 15:37:35.086	info	(2391) Stop script script.js.DasWetter
            

            Mod-Edit: Code in </> Code-Tag gepackt!

            Glasfaser 1 Reply Last reply Reply Quote 0
            • Glasfaser
              Glasfaser @Stimpy23 last edited by

              @stimpy23 sagte in Material Design Widgets: Wetter View:

              Keine Daten für Tag 5 vorhanden!
              ..
              "daswetter.0.NextHours.Location_1.Day_1.current.clouds_value" not found

              Du hast nicht die anderen Adapter installiert ... dasWetter... . bzw. ist nicht richtig eingerichtet .

              Steht auch alles hier im Thread !

              1 Reply Last reply Reply Quote 0
              • N
                niceddes last edited by

                Hallo zusammen,

                erst mal mein großer Respekt für das Ergebnis! Eine wirklich sehr schöne und umfangreiche View.

                Leider scheitere ich gerade etwas beim einbinden und bekomme keine Daten für die darunter liegenden Felder angezeigt.

                ac592c13-e85a-4c4d-9b4c-c88b95549ce7-image.png

                Die installierten Versionen sind geprüft bzw. aktuell und die Adapter liefern auch alle Daten, NPM Module sind auch alle drin. Ich habe das Skript und das Beispielprojekt schon mehrfach neu eingespielt, durchgestartet, etc. Der iobroker läuft im Container unter Proxmox.

                Kennt ihr das Fehlerbild und könnt mir hierbei vielleicht weiterhelfen? Ich bin gerade etwas am verzweifeln. 😉

                Vielen Dank und Grüße,
                Christian

                Glasfaser 1 Reply Last reply Reply Quote 0
                • Glasfaser
                  Glasfaser @niceddes last edited by Glasfaser

                  @niceddes sagte in Material Design Widgets: Wetter View:

                  Kennt ihr das Fehlerbild und könnt mir hierbei vielleicht weiterhelfen? Ich bin gerade etwas am verzweifeln.

                  Sieht jetzt bei mir genauso aus .
                  Ist wohl bei einem Update aufgetreten , warum wieso kann ich mir jetzt selber nicht erklären !? 🤔

                  Alle Datenpunkte die in dem Projekt / in den Views , sind bei den Widgets zum größten Teil nicht mehr zugewiesen.

                  Hier ein Beispiel , wo der Datenpunkt nicht mehr hinterlegt war :

                  2.JPG
                  .
                  Neu zugewiesen bei einem anderen Widget :

                  1.JPG

                  N 1 Reply Last reply Reply Quote 0
                  • N
                    niceddes @Glasfaser last edited by

                    @glasfaser

                    Genau so sieht es bei mir auch auch.

                    1 Reply Last reply Reply Quote 0
                    • A
                      Apropo last edited by Apropo

                      @Scrounger Gibts dazu was neues? Ich versuche gerade erst ganz neu das Ganze ans Laufen zu bringen und habe leider die selben Fehler. Was ist jetzt der beste Weg? Alles selbst händisch irgendwie versuchen hinzubekommen? Oder kommt dazu nochmal ein Update? Oder bringts vielleicht was auf eine ältere Version zu wechseln?

                      Und direkt noch ne Frage: In der Demo ist ganz unten ein Regenradar zu sehen. Das gibts bei mir leider nicht. Wie kann ich das auch bekommen?

                      Und wie bekomme ich die kleinere Ansicht hin? Ich blicke da noch nicht so ganz durch.

                      1 Reply Last reply Reply Quote 0
                      • M
                        michihorn last edited by michihorn

                        Hallo super Arbeit. Merci. Ich habe allerdings noch ein kleines Problem
                        Unbenannt.PNG

                        Meine eigenen Sensoren habe ich so eingetragen:
                        let idSensor_Temperatur = ('hm-rpc.2.00185BE98B3FCA.1.ACTUAL_TEMPERATURE');
                        let idSensor_Luftfeuchtigkeit = ('hm-rpc.2.00185BE98B3FCA.1.HUMIDITY');
                        Wo bin ich falsch abgebogen?
                        Gruß Michael

                        Glasfaser 2 Replies Last reply Reply Quote 0
                        • Glasfaser
                          Glasfaser @michihorn last edited by

                          @michihorn

                          Hier das Original :

                          let idSensor_Temperatur = 'linkeddevices.0.Sensoren.Temperatur.Aussen.Temperatur'                               // Temperatur des eigenen Sensor
                          let idSensor_Luftfeuchtigkeit = 'linkeddevices.0.Sensoren.Temperatur.Aussen.Luftfeuchtigkeit'                   // Luftfeuchtigkeit des eigenen Sensor
                          
                          let idSensor_Luftfeuchtigkeit = ('hm-rpc.2.00185BE98B3FCA.1.HUMIDITY');
                          

                          Nimm bei dir die ( .Klammer . ) raus .

                          M 1 Reply Last reply Reply Quote 0
                          • M
                            michihorn @Glasfaser last edited by

                            @glasfaser Hallöchen, ne das war es leider nicht 😞

                            Glasfaser P 2 Replies Last reply Reply Quote 0
                            • Glasfaser
                              Glasfaser @michihorn last edited by

                              @michihorn sagte in Material Design Widgets: Wetter View:

                              @glasfaser Hallöchen, ne das war es leider nicht 😞

                              Du schreibst nur von den eigenen Datenpunkten , was ist mit den anderen ?

                              Schau mal bitte bei diesem Widget , ob der Datenpunkt richtig hinterlegt ist ,
                              bzw. auch bei dem Datenpunkt selber ob dort Werte sind !

                              1.JPG

                              M 1 Reply Last reply Reply Quote 0
                              • M
                                michihorn @Glasfaser last edited by

                                @glasfaser Die anderen scheinen zu klappen:
                                Unbenannt.PNG

                                1 Reply Last reply Reply Quote 0
                                • Glasfaser
                                  Glasfaser @michihorn last edited by

                                  @michihorn sagte in Material Design Widgets: Wetter View:

                                  Hallo super Arbeit. Merci. Ich habe allerdings noch ein kleines Problem
                                  Unbenannt.PNG

                                  Ich meinte das .

                                  Und was ist hiermit:

                                  @glasfaser sagte in Material Design Widgets: Wetter View:
                                  Schau mal bitte bei diesem Widget , ob der Datenpunkt richtig hinterlegt ist ,
                                  bzw. auch bei dem Datenpunkt selber ob dort Werte sind !

                                  1.JPG

                                  M 1 Reply Last reply Reply Quote 0
                                  • M
                                    michihorn @Glasfaser last edited by

                                    @glasfaser Ja da stehen die Temperatur und Feuchte drin:


                                    [
                                    {
                                    "rightText": "\n <div style="display: flex; align-items: flex-end; justify-content: flex-end;">\n <div style="color: #44739e; font-size: 30px; font-family: RobotoCondensed-Regular;">13.9</div>\n <div style="color: #44739e; font-size: 16px; font-family: RobotoCondensed-Regular; margin-left: 2px; margin-bottom: 4px;"> °C</div>\n </div>\n <div style="color: gray; height: 13px; font-size: 12px; font-family: RobotoCondensed-Light; margin-top: 2px;">91 %</div>"
                                    }
                                    ]

                                    Glasfaser 1 Reply Last reply Reply Quote 0
                                    • Glasfaser
                                      Glasfaser @michihorn last edited by Glasfaser

                                      @michihorn sagte in Material Design Widgets: Wetter View:

                                      Ja da stehen die Temperatur und Feuchte drin:

                                      Beim Widget ?

                                      @glasfaser sagte in Material Design Widgets: Wetter View:
                                      Schau mal bitte bei diesem Widget , ob der Datenpunkt richtig hinterlegt ist ,

                                      M 1 Reply Last reply Reply Quote 0
                                      • M
                                        michihorn @Glasfaser last edited by

                                        @glasfaser Da stand bei "json_string_oid" nix drin. Hab jetzt die Syntax aus dem Objektbaum dort eingetragen
                                        Unbenannt.PNG

                                        Dankeschön für Deine Hilfe 👍
                                        Gruß Michael

                                        Glasfaser 1 Reply Last reply Reply Quote 0
                                        • Glasfaser
                                          Glasfaser @michihorn last edited by

                                          @michihorn sagte in Material Design Widgets: Wetter View:

                                          Dankeschön für Deine Hilfe

                                          Loll ..... 😉

                                          gehe mal 3 Poste über dein Eröffnungstread

                                          https://forum.iobroker.net/topic/32232/material-design-widgets-wetter-view/492

                                          1 Reply Last reply Reply Quote 0
                                          • P
                                            papaechokilo @michihorn last edited by papaechokilo

                                            @michihorn Hallo, bei mir sieht die Zeile so aus:

                                            code_text
                                            let idSensor_Luftfeuchtigkeit = 'hmip.0.devices.3014F711A0000EDBE98B96D5.channels.1.humidity' // Luftfeuchtigkeit des eigenen Sensor
                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            937
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            daswetter javascript material design widgets pollenflug statusanzeige vis weatherunderground wetter
                                            76
                                            662
                                            129058
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo