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.
    • sigi234
      sigi234 Forum Testing Most Active @RalfEngelberth last edited by sigi234

      @RalfEngelberth sagte in Material Design Widgets: Wetter View:

      @sigi234 Skript läuft.
      Einstellungen im Skript habe ich nur die Region vom Pollenflug geändert.

      Was steht bei dir in den Objekten unter Chart?

      Screenshot (2351).png

      R 1 Reply Last reply Reply Quote 0
      • R
        RalfEngelberth @sigi234 last edited by Negalein

        @sigi234 ec9e0a20-743f-4fcb-a64e-795299af973c-image.png

        {"axisLabels":["1h","2h","3h","4h","5h","6h","7h","8h","9h","10h","11h","12h","13h","14h","15h","16h","17h","18h","19h","20h","21h","22h","23h","24h"],"graphs":[{"data":[9,8,6,6,5,5,6,7,9,11,12,13,14,16,16,16,16,16,15,12,11,10,9,8],"type":"line","color":"gray","legendText":"Temperatur","line_pointSizeHover":5,"line_pointSize":0,"line_Tension":0.3,"yAxis_show":false,"yAxis_gridLines_show":false,"yAxis_gridLines_ticks_length":5,"yAxis_min":0,"yAxis_max":25,"yAxis_step":5,"yAxis_position":"left","yAxis_appendix":" °C","yAxis_zeroLineWidth":0.1,"yAxis_zeroLineColor":"black","displayOrder":0,"tooltip_AppendText":" °C","datalabel_backgroundColor":["#58a9b0","#53a3af","#4897ad","#4897ad","#4391ac","#4391ac","#4897ad","#4d9dae","#58a9b0","#63b4b3","#68bab4","#6ec0b5","#73c6b6","#56b589","#56b589","#56b589","#56b589","#56b589","#65bd9f","#68bab4","#63b4b3","#5eafb1","#58a9b0","#53a3af"],"datalabel_color":"white","datalabel_offset":-10,"datalabel_fontFamily":"RobotoCondensed-Light","datalabel_fontSize":12,"datalabel_borderRadius":6,"datalabel_steps":2,"line_PointColor":["#58a9b0","#53a3af","#4897ad","#4897ad","#4391ac","#4391ac","#4897ad","#4d9dae","#58a9b0","#63b4b3","#68bab4","#6ec0b5","#73c6b6","#56b589","#56b589","#56b589","#56b589","#56b589","#65bd9f","#68bab4","#63b4b3","#5eafb1","#58a9b0","#53a3af"],"line_PointColorBorder":["#58a9b0","#53a3af","#4897ad","#4897ad","#4391ac","#4391ac","#4897ad","#4d9dae","#58a9b0","#63b4b3","#68bab4","#6ec0b5","#73c6b6","#56b589","#56b589","#56b589","#56b589","#56b589","#65bd9f","#68bab4","#63b4b3","#5eafb1","#58a9b0","#53a3af"],"line_PointColorHover":["#58a9b0","#53a3af","#4897ad","#4897ad","#4391ac","#4391ac","#4897ad","#4d9dae","#58a9b0","#63b4b3","#68bab4","#6ec0b5","#73c6b6","#56b589","#56b589","#56b589","#56b589","#56b589","#65bd9f","#68bab4","#63b4b3","#5eafb1","#58a9b0","#53a3af"],"line_PointColorBorderHover":["#58a9b0","#53a3af","#4897ad","#4897ad","#4391ac","#4391ac","#4897ad","#4d9dae","#58a9b0","#63b4b3","#68bab4","#6ec0b5","#73c6b6","#56b589","#56b589","#56b589","#56b589","#56b589","#65bd9f","#68bab4","#63b4b3","#5eafb1","#58a9b0","#53a3af"],"use_gradient_color":true,"gradient_color":[{"value":-20,"color":"#5b2c6f66"},{"value":0,"color":"#2874a666"},{"value":14,"color":"#73c6b666"},{"value":22,"color":"#00800066"},{"value":27,"color":"#ffa50066"},{"value":35,"color":"#ff000066"}],"use_line_gradient_fill_color":true,"line_gradient_fill_color":[{"value":-20,"color":"#5b2c6f66"},{"value":0,"color":"#2874a666"},{"value":14,"color":"#73c6b666"},{"value":22,"color":"#00800066"},{"value":27,"color":"#ffa50066"},{"value":35,"color":"#ff000066"}]},{"data":[10,10,10,10,10,10,10,10,0,0,0,0,0,0,0,0,0,0,0,1,2,2,2,3],"type":"line","color":"#0d47a1","legendText":"Regenwahrscheinlichkeit","line_UseFillColor":true,"line_pointSize":0,"line_pointSizeHover":5,"yAxis_min":0,"yAxis_max":100,"yAxis_maxSteps":10,"yAxis_position":"left","yAxis_gridLines_show":false,"yAxis_gridLines_border_show":false,"yAxis_zeroLineWidth":0.1,"yAxis_zeroLineColor":"black","yAxis_appendix":" %","displayOrder":1,"tooltip_AppendText":" %","datalabel_show":false}]}
        
        sigi234 1 Reply Last reply Reply Quote 0
        • sigi234
          sigi234 Forum Testing Most Active @RalfEngelberth last edited by

          @RalfEngelberth

          Ok, was sagt die Console unter F12

          R 1 Reply Last reply Reply Quote 0
          • R
            RalfEngelberth @sigi234 last edited by Negalein

            @sigi234 Ich hoffe, ich habe hier das Richtige.
            c1f6d83c-180b-4d24-83d7-886db20e68a0-image.png

            sigi234 Scrounger 2 Replies Last reply Reply Quote 0
            • sigi234
              sigi234 Forum Testing Most Active @RalfEngelberth last edited by

              @RalfEngelberth

              Ok, das sollte sich @Scrounger mal ansehen. Ev. meldet er sich.

              R 1 Reply Last reply Reply Quote 0
              • R
                RalfEngelberth @sigi234 last edited by

                @sigi234 ok

                1 Reply Last reply Reply Quote 0
                • Scrounger
                  Scrounger Developer @RalfEngelberth last edited by

                  @RalfEngelberth sagte in Material Design Widgets: Wetter View:

                  @sigi234 Ich hoffe, ich habe hier das Richtige.
                  ![Bild Text](c1f6d83c-180b-4d24-83d7-886db20e68a0-image.png Bild Link)

                  Das ist ein Edge spezifischer Fehler, der bei mir auch kommt. Das muss ich mir in Ruhe anschauen und im MDW fixen

                  R 1 Reply Last reply Reply Quote 0
                  • R
                    RalfEngelberth @Scrounger last edited by

                    @Scrounger sagte in Material Design Widgets: Wetter View:

                    @RalfEngelberth sagte in Material Design Widgets: Wetter View:

                    @sigi234 Ich hoffe, ich habe hier das Richtige.
                    ![Bild Text](c1f6d83c-180b-4d24-83d7-886db20e68a0-image.png Bild Link)

                    Das ist ein Edge spezifischer Fehler, der bei mir auch kommt. Das muss ich mir in Ruhe anschauen und im MDW fixen

                    Habe gerade den Firefox installiert.
                    Damit geht es

                    Scrounger 1 Reply Last reply Reply Quote 0
                    • Scrounger
                      Scrounger Developer @RalfEngelberth last edited by

                      @RalfEngelberth
                      Ja auch mit Chrome geht es, nur halt der Edge macht hier probleme.
                      Hab den Fehler behoben, fix gibts dann in der nächsten version.

                      Falls du nicht warten willst kannst von github installieren -> danach muss iobroker upload vis ausgeführt werden!

                      A 1 Reply Last reply Reply Quote 1
                      • A
                        Aiouh @Scrounger last edited by

                        @Scrounger
                        darf man hier auch ein Lob loswerden, nicht nur Probleme ?
                        Ich bin als ziemlicher Neuling einfach nach der Anleitung vorgegangen und ALLES hat auf Anhieb funktioniert.
                        Vielen Dank für die klasse Arbeit (Kaffee ist unterwegs 😉 )
                        Gruss Karl-Heinz

                        Scrounger 1 Reply Last reply Reply Quote 0
                        • S
                          Smart86 last edited by Smart86

                          Sehr cooles Plugin. Ein kleines Problem habe ich aber noch, vielleicht gibt es ja eine einfache Lösung. Am Handy im Hochformat überlagern sich leider die Zahlen mit den Icons. Hat wer ne Idee?
                          Zwischenablage02.jpg

                          1 Reply Last reply Reply Quote 0
                          • Scrounger
                            Scrounger Developer @Aiouh last edited by

                            @Aiouh sagte in Material Design Widgets: Wetter View:

                            @Scrounger
                            darf man hier auch ein Lob loswerden, nicht nur Probleme ?
                            Ich bin als ziemlicher Neuling einfach nach der Anleitung vorgegangen und ALLES hat auf Anhieb funktioniert.
                            Vielen Dank für die klasse Arbeit (Kaffee ist unterwegs 😉 )
                            Gruss Karl-Heinz

                            Ich weiß zwar nicht ob das die Forumsregeln gestatten 😉 aber ich freue mich immer über ein Lob, genauso wie zu lesen, wenn meine Projekte bei Euch funktionieren!

                            @Smart86 sagte in Material Design Widgets: Wetter View:

                            Sehr cooles Plugin. Ein kleines Problem habe ich aber noch, vielleicht gibt es ja eine einfache Lösung. Am Handy im Hochformat überlagern sich leider die Zahlen mit den Icons. Hat wer ne Idee?

                            Das musst du über das Widget Grid View einstellen. Dort kannst du festlegen ab welcher Auflösung die Regeln für Handy / Tablet und Desktop gelten und für diese dann die Spalten einstellen. Das Widget hat auch einen Auflösungsassitenten, der dir hilft die entsprechenden Auflösung zu erkennen.
                            Am besten einfach mal mit rum spielen, dann bekommst den Dreh raus.

                            S 1 Reply Last reply Reply Quote 0
                            • S
                              Smart86 @Scrounger last edited by

                              @Scrounger sagte in Material Design Widgets: Wetter View:

                              Das musst du über das Widget Grid View einstellen. Dort kannst du festlegen ab welcher Auflösung die Regeln für Handy / Tablet und Desktop gelten und für diese dann die Spalten einstellen. Das Widget hat auch einen Auflösungsassitenten, der dir hilft die entsprechenden Auflösung zu erkennen.
                              Am besten einfach mal mit rum spielen, dann bekommst den Dreh raus.

                              Vielen Dank. Habe es in den Einstellungen gefunden bzw. die Spaltenanzahl geändert. Jetzt schaut es gut aus .-)

                              1 Reply Last reply Reply Quote 0
                              • H
                                HoffmannOs last edited by

                                Ich suche mir schon nen Wolf, wie kann ich denn die Cards die derzeit in Weiss sind an mein Design im Script anpassen?

                                sigi234 1 Reply Last reply Reply Quote 0
                                • sigi234
                                  sigi234 Forum Testing Most Active @HoffmannOs last edited by

                                  @HoffmannOs sagte in Material Design Widgets: Wetter View:

                                  Ich suche mir schon nen Wolf, wie kann ich denn die Cards die derzeit in Weiss sind an mein Design im Script anpassen?

                                  Screenshot (2382)_LI.jpg

                                  1 Reply Last reply Reply Quote 0
                                  • H
                                    Hoovercraft last edited by Hoovercraft

                                    Hier stand mal eine Fehlerbeschreibung, konnte sie aber selbst fixen.

                                    Wunderground scheint die Koordinaten nicht zu mögen. Nachdem ich meine Stadt mit Namen angegeben habe, sind die FM weg.

                                    1 Reply Last reply Reply Quote 0
                                    • dirk1962
                                      dirk1962 last edited by

                                      Kann bitte einer erklären, wie ihr die einzelnen Views in eure vis integriert habt.
                                      Jeden einzelnen view in eure kopiert oder gibt es eine andere Lösung?

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

                                        @dirk1962 sagte in Material Design Widgets: Wetter View:

                                        Jeden einzelnen view in eure kopiert

                                        Genau , + die CSS bei Projekt nicht vergessen .

                                        1 Reply Last reply Reply Quote 1
                                        • Scrounger
                                          Scrounger Developer @dirk1962 last edited by

                                          @dirk1962 sagte in Material Design Widgets: Wetter View:

                                          Kann bitte einer erklären, wie ihr die einzelnen Views in eure vis integriert habt.
                                          Jeden einzelnen view in eure kopiert oder gibt es eine andere Lösung?

                                          Gibt es, mit texteditor die vis-views.json bearbeiten und die views aus dem projekt en block kopieren.
                                          Achtung!!! Damit kann man sich auch sein gesamtes Projekt kaputt machen. Man sollte also wissen was man macht!

                                          AxelF1977 1 Reply Last reply Reply Quote 0
                                          • AxelF1977
                                            AxelF1977 @Scrounger last edited by

                                            Hallo zusammen,

                                            erstmal danke für die klasse Arbeit. Funktioniert soweit wie beschrieben, aber einiges klappt noch nicht, siehe Screenshots.

                                            Alles installiert und eingefügt wie auf Github beschrieben

                                            1b9843ee-98d7-419f-b488-bf010d3913d7-image.png d1fa279e-faba-444f-856c-eec117dee38e-image.png

                                            Ich hab da NULL Werte. Die Instanzen sind auch installiert und konfiguriert. Einzig für wheatherunderground hab ich keinen API Schlüssel, aber da ist ja nicht zwingend erforderlich

                                            Für das letzte Widget Windy, kann man da die Location einstellen?

                                            Danke

                                            Glasfaser 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            753
                                            Online

                                            31.7k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

                                            daswetter javascript material design widgets pollenflug statusanzeige vis weatherunderground wetter
                                            76
                                            662
                                            124823
                                            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