Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Praktische Anwendungen (Showcase)
  4. Material Design Widgets: Wetter View

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.0k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.8k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.0k

Material Design Widgets: Wetter View

Material Design Widgets: Wetter View

Scheduled Pinned Locked Moved Praktische Anwendungen (Showcase)
material design widgetsviswetterdaswetterweatherundergroundpollenflugstatusanzeigejavascript
665 Posts 78 Posters 169.2k Views 84 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • P PatrickFro

    Einfach im Javascript-Adapter in die im Bild angezeigte Zeile klicken und chroma-js schreiben.

    R Offline
    R Offline
    RalfEngelberth
    wrote on last edited by
    #61

    @PatrickFro sagte in Material Design Widgets: Wetter View:

    Einfach im Javascript-Adapter in die im Bild angezeigte Zeile klicken und chroma-js schreiben.

    Danke hat funktioniert

    1 Reply Last reply
    0
    • R Offline
      R Offline
      RalfEngelberth
      wrote on last edited by
      #62

      Wie bekomme ich denn das Beispielprojekt in VIS importiert?

      sigi234S 1 Reply Last reply
      0
      • R RalfEngelberth

        Wie bekomme ich denn das Beispielprojekt in VIS importiert?

        sigi234S Online
        sigi234S Online
        sigi234
        Forum Testing Most Active
        wrote on last edited by sigi234
        #63

        @RalfEngelberth sagte in Material Design Widgets: Wetter View:

        Wie bekomme ich denn das Beispielprojekt in VIS importiert?

        Setup - Projekt Import/Export- Import
        Zip ins Fenster ziehen - Name vergeben - Projekt import

        Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
        Immer Daten sichern!

        R 1 Reply Last reply
        0
        • sigi234S sigi234

          @RalfEngelberth sagte in Material Design Widgets: Wetter View:

          Wie bekomme ich denn das Beispielprojekt in VIS importiert?

          Setup - Projekt Import/Export- Import
          Zip ins Fenster ziehen - Name vergeben - Projekt import

          R Offline
          R Offline
          RalfEngelberth
          wrote on last edited by
          #64

          @sigi234 sagte in Material Design Widgets: Wetter View:

          @RalfEngelberth sagte in Material Design Widgets: Wetter View:

          Wie bekomme ich denn das Beispielprojekt in VIS importiert?

          Setup - Projekt Import/Export- Import
          Zip ins Fenster ziehen - Name vergeben - Projekt import

          Ich habe überall gesucht aber nicht da.
          Super Danke

          1 Reply Last reply
          0
          • R Offline
            R Offline
            RalfEngelberth
            wrote on last edited by
            #65

            Hab da noch eine Frage.
            Ich bekomme in der log folgende Fehlermeldung

            javascript.0
            2020-04-23 09:15:20.864
            warn
            (5153) script.js.common.Wetter_Material_Desine_2020: Datapoint 'pollenflug.0.region#112.summary.json_index_tomorrow' not exist!
            javascript.0
            2020-04-23 09:15:20.848
            warn
            (5153) script.js.common.Wetter_Material_Desine_2020: Datapoint 'pollenflug.0.region#112.summary.json_index_today' not exist!
            

            Der Pollenflug ist installiert und steht auf NRW.
            Ich vermute, dass das was mit der Fehlermeldung zu tun hat.
            Muss ich die Region im Skript ändern und auf was?

            sigi234S 1 Reply Last reply
            0
            • R RalfEngelberth

              Hab da noch eine Frage.
              Ich bekomme in der log folgende Fehlermeldung

              javascript.0
              2020-04-23 09:15:20.864
              warn
              (5153) script.js.common.Wetter_Material_Desine_2020: Datapoint 'pollenflug.0.region#112.summary.json_index_tomorrow' not exist!
              javascript.0
              2020-04-23 09:15:20.848
              warn
              (5153) script.js.common.Wetter_Material_Desine_2020: Datapoint 'pollenflug.0.region#112.summary.json_index_today' not exist!
              

              Der Pollenflug ist installiert und steht auf NRW.
              Ich vermute, dass das was mit der Fehlermeldung zu tun hat.
              Muss ich die Region im Skript ändern und auf was?

              sigi234S Online
              sigi234S Online
              sigi234
              Forum Testing Most Active
              wrote on last edited by sigi234
              #66

              @RalfEngelberth sagte in Material Design Widgets: Wetter View:

              Muss ich die Region im Skript ändern und auf was?

              Ja auf deine Nummer der Region.

              Screenshot (2342)_LI.jpg

              Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
              Immer Daten sichern!

              1 Reply Last reply
              2
              • R Offline
                R Offline
                RalfEngelberth
                wrote on last edited by Negalein
                #67

                Habe noch diesen Fehler
                3e5f9eef-1258-4918-9f24-432003dccc92-image.png

                und noch diesen
                15faa767-4c1a-4edf-89ea-fb6c9ce9cc58-image.png

                z.B. bei Sonneneinstrahlung stehen Daten
                375a616c-b3aa-47fc-ab8d-364feeb371e4-image.png

                [{"rightText":"\n\n            <div style=\"display: flex; align-items: flex-end; justify-content: flex-end;\">\n\n                <div style=\"color: #44739e; font-size: 30px; font-family: RobotoCondensed-Regular;\">0</div>\n\n                <div style=\"color: #44739e; font-size: 16px; font-family: RobotoCondensed-Regular; margin-left: 2px; margin-bottom: 4px;\"> w/m²</div>\n\n            </div>\n\n            "}]
                
                1 Reply Last reply
                0
                • R Offline
                  R Offline
                  RalfEngelberth
                  wrote on last edited by
                  #68

                  Hat keiner eine Lösung?

                  sigi234S 1 Reply Last reply
                  0
                  • R RalfEngelberth

                    Hat keiner eine Lösung?

                    sigi234S Online
                    sigi234S Online
                    sigi234
                    Forum Testing Most Active
                    wrote on last edited by sigi234
                    #69

                    @RalfEngelberth sagte in Material Design Widgets: Wetter View:

                    Hat keiner eine Lösung?

                    Voraussetzungen alle erfüllt?

                    https://github.com/Scrounger/ioBroker.vis-materialdesign/tree/master/examples/Weather

                    Folgende NPM Module und Einstellung im Javascript Adapter:

                    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                    Immer Daten sichern!

                    R 1 Reply Last reply
                    0
                    • sigi234S sigi234

                      @RalfEngelberth sagte in Material Design Widgets: Wetter View:

                      Hat keiner eine Lösung?

                      Voraussetzungen alle erfüllt?

                      https://github.com/Scrounger/ioBroker.vis-materialdesign/tree/master/examples/Weather

                      Folgende NPM Module und Einstellung im Javascript Adapter:

                      R Offline
                      R Offline
                      RalfEngelberth
                      wrote on last edited by Negalein
                      #70

                      @sigi234 sagte in Material Design Widgets: Wetter View:

                      @RalfEngelberth sagte in Material Design Widgets: Wetter View:

                      Hat keiner eine Lösung?

                      Voraussetzungen alle erfüllt?

                      https://github.com/Scrounger/ioBroker.vis-materialdesign/tree/master/examples/Weather

                      Folgende NPM Module und Einstellung im Javascript Adapter:

                      Ja, stehen drin
                      955c2818-49a4-40ba-a4e8-f58c14b81e8e-image.png

                      sigi234S 1 Reply Last reply
                      0
                      • R RalfEngelberth

                        @sigi234 sagte in Material Design Widgets: Wetter View:

                        @RalfEngelberth sagte in Material Design Widgets: Wetter View:

                        Hat keiner eine Lösung?

                        Voraussetzungen alle erfüllt?

                        https://github.com/Scrounger/ioBroker.vis-materialdesign/tree/master/examples/Weather

                        Folgende NPM Module und Einstellung im Javascript Adapter:

                        Ja, stehen drin
                        955c2818-49a4-40ba-a4e8-f58c14b81e8e-image.png

                        sigi234S Online
                        sigi234S Online
                        sigi234
                        Forum Testing Most Active
                        wrote on last edited by
                        #71

                        @RalfEngelberth

                        Hast du schon mal die Runtime gestartet, sieht es da auch so aus?

                        Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                        Immer Daten sichern!

                        R 1 Reply Last reply
                        1
                        • sigi234S sigi234

                          @RalfEngelberth

                          Hast du schon mal die Runtime gestartet, sieht es da auch so aus?

                          R Offline
                          R Offline
                          RalfEngelberth
                          wrote on last edited by Negalein
                          #72

                          @sigi234 Hier ein Bild vom Runtime
                          8f03bc82-efb6-4e44-9fb6-d82ca675fc7c-image.png

                          sigi234S 1 Reply Last reply
                          0
                          • R RalfEngelberth

                            @sigi234 Hier ein Bild vom Runtime
                            8f03bc82-efb6-4e44-9fb6-d82ca675fc7c-image.png

                            sigi234S Online
                            sigi234S Online
                            sigi234
                            Forum Testing Most Active
                            wrote on last edited by sigi234
                            #73

                            @RalfEngelberth

                            Welche Version von Material Design Widgets hast du?

                            Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                            Immer Daten sichern!

                            R 1 Reply Last reply
                            0
                            • sigi234S sigi234

                              @RalfEngelberth

                              Welche Version von Material Design Widgets hast du?

                              R Offline
                              R Offline
                              RalfEngelberth
                              wrote on last edited by Negalein
                              #74

                              @sigi234 e84ce727-b80a-4d41-ae1e-7eb4cd636d9d-image.png

                              sigi234S 1 Reply Last reply
                              0
                              • R RalfEngelberth

                                @sigi234 e84ce727-b80a-4d41-ae1e-7eb4cd636d9d-image.png

                                sigi234S Online
                                sigi234S Online
                                sigi234
                                Forum Testing Most Active
                                wrote on last edited by sigi234
                                #75

                                @RalfEngelberth

                                Skript ok, alles Richtig eingestellt?

                                Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                Immer Daten sichern!

                                R 1 Reply Last reply
                                0
                                • sigi234S sigi234

                                  @RalfEngelberth

                                  Skript ok, alles Richtig eingestellt?

                                  R Offline
                                  R Offline
                                  RalfEngelberth
                                  wrote on last edited by
                                  #76

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

                                  sigi234S K 2 Replies Last reply
                                  0
                                  • R RalfEngelberth

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

                                    sigi234S Online
                                    sigi234S Online
                                    sigi234
                                    Forum Testing Most Active
                                    wrote on last edited by sigi234
                                    #77

                                    @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

                                    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                    Immer Daten sichern!

                                    R 1 Reply Last reply
                                    0
                                    • sigi234S 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 Offline
                                      R Offline
                                      RalfEngelberth
                                      wrote on last edited by Negalein
                                      #78

                                      @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}]}
                                      
                                      sigi234S 1 Reply Last reply
                                      0
                                      • R RalfEngelberth

                                        @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}]}
                                        
                                        sigi234S Online
                                        sigi234S Online
                                        sigi234
                                        Forum Testing Most Active
                                        wrote on last edited by
                                        #79

                                        @RalfEngelberth

                                        Ok, was sagt die Console unter F12

                                        Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                        Immer Daten sichern!

                                        R 1 Reply Last reply
                                        0
                                        • sigi234S sigi234

                                          @RalfEngelberth

                                          Ok, was sagt die Console unter F12

                                          R Offline
                                          R Offline
                                          RalfEngelberth
                                          wrote on last edited by Negalein
                                          #80

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

                                          sigi234S ScroungerS 2 Replies Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          613

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe