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.
    • R
      RalfEngelberth @sigi234 last edited by

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

      sigi234 K 2 Replies Last reply Reply Quote 0
      • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            862
                                            Online

                                            31.7k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

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