Monatsrückblick Januar/Februar 2026 ist online!

[seriousant]

Hallo zusammen,

Ich versuche ein Widget aufzubauen auf Basis von dem RGraph-Widget mit Chart.js. Hier nochmal ein Dankeschön an dem RGraph-Entwickler ;)

Mein Problem:

Mein Widget wird gezeichnet wenn ich es per drag und drop in mein View lade. Sobald ich die Seite neulade oder den vis-Editor verlasse lässt sich das Widget nicht anzeigen. In der DOM sehe ich dass mein Canvas eine Breite und Höhe von 0 hat. Sobald ich (im vis-editor) die Widgetattribute (Bsp. (Min/Max-Chart-Range) verändere lädt sich das Widget bzw. lässt sich zeichenen, auch wenn ich diese Werte (beispielsweise mit 0-100) festgecoded habe.

Ich ein Screencast angehängt um das obige zu demonstrieren.

Hat jemand eine Idee was ich hier falsch mache? Edit: Was triggere ich, wenn ich ein Widget-Attr bearbeite?

Danke im Voraus für eure Hilfe!

SA
982_untitled_screencast.zip

[seriousant]

OK. Also bisher konnte ich folgendes feststellen:

Die DOM lädt sich langsamer als das Widget. Somit wird sie beim ersten Laden nicht gezeichnet. Mit einem setTimeout habe ich das Zeichnen verzögert. Jetzt gehts… aber quick and dirty. Hatte jemand hier schon ein ähnliches Problem?

window.onload habe ich als Trigger zum Zeichen verwendet, leider ohne Erfolg.

[Bluefox]

@seriousant:

OK. Also bisher konnte ich folgendes feststellen:

Die DOM lädt sich langsamer als das Widget. Somit wird sie beim ersten Laden nicht gezeichnet. Mit einem setTimeout habe ich das Zeichnen verzögert. Jetzt gehts… aber quick and dirty. Hatte jemand hier schon ein ähnliches Problem?

window.onload habe ich als Trigger zum Zeichen verwendet, leider ohne Erfolg. `
Hier

https://github.com/ioBroker/ioBroker.vi … s.js#L1907

oder hier

https://github.com/Pmant/ioBroker.vis-j ... ge.js#L111

ist die Lösung dafür.

Es gibt keine Bessere Lösung, als du schon selbst gemacht hast. ;)