Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[RalfEngelberth]

@dQeLse sagte in Material Design Widgets: Wetter View:

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

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

[PatrickFro]

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

[RalfEngelberth]

@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

[RalfEngelberth]

Wie bekomme ich denn das Beispielprojekt in VIS importiert?

[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

[RalfEngelberth]

@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

[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?

[sigi234]

@RalfEngelberth sagte in Material Design Widgets: Wetter View:

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

Ja auf deine Nummer der Region.

[RalfEngelberth]

Habe noch diesen Fehler

und noch diesen

z.B. bei Sonneneinstrahlung stehen Daten

[{"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            "}]

[RalfEngelberth]

Hat keiner eine Lösung?

[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:

[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

[sigi234]

@RalfEngelberth

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

[RalfEngelberth]

@sigi234 Hier ein Bild vom Runtime

[sigi234]

@RalfEngelberth

Welche Version von Material Design Widgets hast du?

[RalfEngelberth]

@sigi234

[sigi234]

@RalfEngelberth

Skript ok, alles Richtig eingestellt?

[RalfEngelberth]

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

[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?

[RalfEngelberth]

@sigi234

{"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}]}