Neues YouTube-Video: Visualisierung im Devices-Adapter

[jonas_linhose]

Hallo,

ich versuche mich gerade an den ersten Visualisierungen in iOBroker. Ich habe auch eine Grafik mittels Flot erstellt und als IFrame eingebunden. Allerdings gelingt es mir nicht, einen transparenten Hintergrund zu erstellen...

Ich habe dazu in der Doku zu FLOT geschaut und den Hinweis auf den Hintergrund als RGBA gefunden... allerdings führt der Eintrag im Feld "Window background:rgba(100,100,100,0)" nicht zu dem gewünschten Ergebnis.

Habt ihr ggf. noch einen Tip wo der Fehler liegt...

ich habe auch Versucht die Farbwerte des VIEW-Hintergrundes zu nehmen, der Hintergrund in dem Chart bleibt aber immer weiß.

Hier der Code des Charts (mit den Farben des Views als Hintergrund):

http://192.168.178.84:8082/flot/index.html?l%5B0%5D%5Bid%5D=senec.0.ENERGY.GUI_INVERTER_POWER&l%5B0%5D%5Binstance%5D=sql.0&l%5B0%5D%5Boffset%5D=0&l%5B0%5D%5Baggregate%5D=minmax&l%5B0%5D%5Bcolor%5D=%23FF0000&l%5B0%5D%5Bmin%5D=20&l%5B0%5D%5Bthickness%5D=3&l%5B0%5D%5Bshadowsize%5D=3&l%5B0%5D%5Bxmove%5D=0&l%5B0%5D%5Bxaxe%5D=bottom&l%5B0%5D%5Byaxe%5D=left&l%5B0%5D%5BafterComma%5D=-2&l%5B0%5D%5Bdashes%5D=false&l%5B0%5D%5BdashLength%5D=10&l%5B0%5D%5BspaceLength%5D=10&l%5B0%5D%5Bmultiplicator%5D=1&l%5B0%5D%5Bxticks%5D=3&l%5B0%5D%5Byticks%5D=0&timeType=relative&relativeEnd=now&range=360&aggregateType=step&aggregateSpan=300&window_bg=%23736868&bg=2&border_color=%230d0101&barColor=%231b1818&hoverDetail=false&timeFormat=%25H%3A%25M&useComma=false&zoom=false&noedit=false&animation=0

[Homoran]

@jonas_linhose

ich müsste mir mal ansehen was ich da für Einstellungen anders habe
Am besten zeigst du mal die Einstellungen im Flot Edit als Screenshot
-insbesondere Optionen

[jonas_linhose]

@homoran

Hier der Screenshot...

Ich hoffe es hilft...

[Homoran]

@jonas_linhose sagte in VIS / Flot / Hintergrund:

Hier der Screenshot...

du hast einen vorgegebenen Hintergrund ausgewählt.
Außerdem hast du den Rahmen um den Chart auf aktiv.

@jonas_linhose sagte in VIS / Flot / Hintergrund:

Ich hoffe es hilft...

...wenn du no border aktivierst und custom background
Dann bei Background color transparent einträgst.

Ich hoffe das geht auch bei deiner englischen Konfiguration

[jonas_linhose]

@homoran

Super.. vielen Dank... "no Border: yes" war die entscheidende Funktion. Dazu die Einstellung Windows Background #rgba(100,100,100,0) und es passt.

Den Hintergrund für das Chart konnte bzw. wollte ich lassen...