VIS Background Color mit Datenpunkt steuern

[kaiserm]

Moinsen,

mal ne kurze Frage an die Cracks.

Wie kann ich die Backgound Color eines numerischen Feldes in der VIS per Datenpunkt ändern?

Also wenn der Datenpunkt true ist z.B. rot und bei false = grün

Den Datenpunkt habe ich schon.
Aber was muss ichwo und wie reinklöppen damit die Farbe geändert wird?

Danke im Voraus

Martin

[kaiserm]

Ist doch bestimmt ein Klacks.

Helft mir bitte mal auf die Sprünge

[micklafisch]

Hallo,
ich würde mir da selbst via "quick&dirty" helfen, indem ich das Widget zwei mal in der Vis habe. Einmal mit grün und einmal mit roten Hintergrund. Unter "Sichtbarkeit" dann entsprechend den Datenpunkt auswerten und nur die Farbe anzeigen lassen die korrekt zum Datenpunkt ist.

Das ganze geht bestimmt auch schöner und eleganter, aber meine Version geht auch

[arteck]

@kaiserm binding ist hier das stichwort

[kaiserm]

@arteck Bahnhof?

[liv-in-sky]

@kaiserm

wenn du das hier in der vis in ein feld einträgst ( mit deinen parametern) benutzt du das sog. binding

{val:javascript.0.ProofingDatapoints.RunSuccessful; val == "true"  ?   "#5A5555":  "#000000"}

übersetzt: wenn der datenpunkt "javascript.0.ProofingDatapoints.RunSuccessful" true ist, nutze #5A5555 sonst #000000

https://github.com/ioBroker/ioBroker.vis

[kaiserm]

@liv-in-sky said in VIS Background Color mit Datenpunkt steuern:

{val:javascript.0.ProofingDatapoints.RunSuccessful; val == "true" ? "#5A5555": "#000000"}

Mega. Vielen Dank.
Funktioniert einwandfrei.

Gibt es irgendwo eine Übersicht über die ganzen Bindings, wenn ich z.B. Text ändern, Bilder wechseln,... möchte?

LG Martin

[liv-in-sky]

@kaiserm im link unter dem animated bild sind offizielle angaben

ansonsten würd ich dir empfehlen - einfach ausprobieren - die syntax ist ja eigentlich immer ähnlich

oder im forum suchen

[kaiserm]

@liv-in-sky Alles klaro. Danke Dir.

[warp735]

@liv-in-sky

Ich hab aktuell folgendes laufen, was auch gut funktioniert:

-webkit-linear-gradient(-45deg, #ffd633 0%,#ffcc00 100%)

Nun möchte ich den gradienten behalten, aber je nach Datenpunkt die Farbe wechseln. Folgendes funktioniert aber leider nicht:

{val:modbus.0.holdingRegisters.1080_ETA_Schalter; val == "1802" ? "-webkit-linear-gradient(-45deg, #ffd633 0% , #ffcc00 100%)" : "-webkit-linear-gradient(-45deg, red 0% , blue 100%)"} 

Geht das garnicht, wie ich mir das vorstelle?

Grüßle

[OliverIO]

@warp735 sagte in VIS Background Color mit Datenpunkt steuern:

webkit-linear-gradient

sollte so schon funktionieren.
was funktioniert genau nicht?

[warp735]

@oliverio
Er zeigt überhaupt keine Farbe an

EDIT: Kommando zurück. Es funktioniert tatsächlich. Allerdings nicht im Editor. Wenn ich die VIS lade sieht es super aus.
Vielen Dank

[OliverIO]

@warp735
bindings funktionieren nie im editor nur in der runtime

[warp735]

@oliverio
Was das editieren der VIS natürlich erheblich erschwert. Muss man dann halt erst zum Schluss setzen

[adarof]

Hallo
Ich versuche gerade irgendwie die Bindings zum laufen zu bekommen - aber scheitere einfach an dem einfachsten Beispiel.
Hat jemand eine idee?
Folgender Datenpunkt:

datenunkt per Copy aus dem Objekt-Browser:

0_userdata.0.Test

Und folgende VIS html widget mit Background-"Binding":

Wobei "background" folgenden Wert hat:

{val:0_userdata.0.Test ; val ==  0 ? "#5A5555": "#ff0000"}

(Ja, in dem Vis Mode (nicht Editor) tut es auch nicht - der Hintergrund bleibt weiss, wie im Editor)

Muss ich das Feature "Binding" noch irgendwie EINschalten oder so? Denke ich hab ganz am Anfang was nicht verstanden ...

gruss - Adarof

[Homoran]

@adarof sagte in VIS Background Color mit Datenpunkt steuern:

Folgender Datenpunkt:

bestätige den Wert mal

[adarof]

@homoran
Keine Änderung

ergibt immernoch

...und ich erwarte ja, dass egal ob if oder else eine Farbe gesetzt wird.

Gruss -

[Homoran]

@adarof warum hast du die Farbe in Anführungszeichen?

edit: ist ok so!

[Homoran]

@adarof

falsches Feld!
eins tiefer in color!

[adarof]

@homoran Ahh - Danke; das wars. Nun tut das Test Widget. Dankeschön
Das hatte ich in den Dokus anders verstanden - und eigentlich auch ausprobiert ... nun kommt das ABER:
Bei mir tut das nur mit Anführungsstrichen um die Farbe selber-- und die Kombi (Feld -color mit Anführungszeichen) hab ich hoffensichtlich gestern nicht probiert vor meiner Hilfssuche

Und schon tut es auch, was es soll im eigentlichen Anwendungsfall:

(eAuto ist bei 80% geladen und lädt gerade mit 4.6kWh weiter)
Wird gemacht bei mir durch:

{val:evcc.0.loadpoint.1.status.chargeCurrent ; val >=  0 ? "#49ff24" : "#ffffff" }