Skip to content
  • Home
  • 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
ioBroker Logo

Community Forum

donate donate
  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.8k

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

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

Material Design Widgets: Wetter View

Scheduled Pinned Locked Moved Praktische Anwendungen (Showcase)
material design widgetsviswetterdaswetterweatherundergroundpollenflugstatusanzeigejavascript
665 Posts 78 Posters 171.1k 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.
  • M Michi68

    @Glasfaser
    mm Scheint nur bei Niederschlag eingeblendet zu werden
    dienstag.png mittwoch.png
    konnte das gerade in der Vorschau gut sehen, @Scrounger richtig cool gemacht

    ScroungerS Offline
    ScroungerS Offline
    Scrounger
    Developer
    wrote on last edited by
    #56

    @Michi68
    Ja Niederschlag ist nur sichtbar, wenn im Zeitraum auch nieder Schlag gibt. Manchmal Iser niederschlag 0,01mm dann sieht man die Achse aber, keinen Balken weil wert so klein.

    Die Achsen für Temperatur werden auch automatisch angepasst in Abhängigkeit des Wertes, sofern man am Skript nicht Rum geschraubt hat ;-)

    <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

    <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

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

      Hallo,
      ich habe alles gem. Anleitung durchgeführt und habe jetzt im Skript folgende Fehlermeldung.

      08:33:56.304
      error
      javascript.0 (24435) script.js.common.Wetter_Material_Desine_2020: Error: Cannot find module '/opt/iobroker/node_modules/iobroker.javascript/lib/../../chroma-js'
      08:33:56.305
      error
      javascript.0 (24435) at script.js.common.Wetter_Material_Desine_2020:173:18
      08:33:56.306
      error
      javascript.0 (24435) script.js.common.Wetter_Material_Desine_2020: script.js.common.Wetter_Material_Desine_2020:2011
      08:33:56.307
      error
      javascript.0 (24435) at getGradientColors (script.js.common.Wetter_Material_Desine_2020:2011:27)
      08:33:56.308
      error
      javascript.0 (24435) at script.js.common.Wetter_Material_Desine_2020:181:32
      

      Die Adapter sind alle aktuel nur beim "Javascript Adapter NPM Module" bin ich mir nicht sicher wo ich das kontrollieren kann.
      Vielleicht kann ja einer helfen

      1 Reply Last reply
      0
      • dQeLseD Offline
        dQeLseD Offline
        dQeLse
        wrote on last edited by
        #58

        @RalfEngelberth du musst chroma-js bei der Javascript instanz als npm modul mitinstallieren lassen:
        js.PNG

        R 1 Reply Last reply
        0
        • dQeLseD dQeLse

          @RalfEngelberth du musst chroma-js bei der Javascript instanz als npm modul mitinstallieren lassen:
          js.PNG

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

          @dQeLse sagte in Material Design Widgets: Wetter View:

          @RalfEngelberth du musst chroma-js bei der Javascript instanz als npm modul mitinstallieren lassen:
          js.PNG

          Wie kann ich das machen?
          Gibt es hierzu eine Anleitung?

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          917

                                          Online

                                          32.4k

                                          Users

                                          81.5k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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