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 Offline
    P Offline
    PatrickFro
    wrote on last edited by
    #60

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

    R 1 Reply Last reply
    0
    • 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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          577

                                          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