Weihnachtsangebot 2025! 🎄

[Longbow]

@homoran Ok Dankeschön

na ich habe eine Zahl, die ich in 3/4 Bereiche unterschiedlich farblich anzeigen lassen möchte.

[Homoran]

@longbow siehe edit

[Longbow]

@homoran Danke, genau die Bindings habe ich schon gesehen, setzt es für 2 Farben gut ein, aber wie sieht der Befehl für 3 oder sogar vier Farben aus?

[Homoran]

@longbow sagte in DP in 3 oder 4 unterschiedlichen Farben darstellen:

aber wie sieht der Befehl für 3 oder sogar vier Farben aus?

dann musst du die Bereiche nur weiter aufteilen und weitere Farben angeben.

z.b. https://forum.iobroker.net/post/683547

[Longbow]

@homoran

Danke für den Link. Hab es mir mal geschaut, aber leider klappt das nicht, habe da ein Denkfehler drin?

{val:0_userdata.0.Systemdaten.Test.Test-DP; val<=0? "#02c9fa" : val>10&&val<15? "#fa0224" : val>16&&<25? "#FF0000“: val >28? "#FF1111" }

[bahnuhr]

@longbow
sieht doch nicht schlecht aus.

Was passiert, wenn der Wert ist:
5
15
16
25-28

Dies ist nicht berücksichtigt.
Gewollt so ?

[Homoran]

@longbow bin auch nicht so fit mit bindings, aber dir fehlt z. b. die Farbe für "sonst"

dies wäre z. b. für >0&&<=10, zwischen 15 und 16, zwischen 25 und 28

[bahnuhr]

@longbow sagte in DP in 3 oder 4 unterschiedlichen Farben darstellen:

{val:0_userdata.0.Systemdaten.Test.Test-DP; val<=0? "#02c9fa" : val>10&&val<15? "#fa0224" : val>16&&<25? "#FF0000“: val >28? "#FF1111" }

Probier es mal so:
{val:0_userdata.0.Systemdaten.Test.Test-DP; val<=0? "#02c9fa":val<15? "#fa0224":val<25? "#FF0000“:"#FF1111" }

[Homoran]

@longbow sagte in DP in 3 oder 4 unterschiedlichen Farben darstellen:

leider klappt das nicht,

heisst genau was?

[Longbow]

@bahnuhr sagte in DP in 3 oder 4 unterschiedlichen Farben darstellen:

{val:0_userdata.0.Systemdaten.Test.Test-DP; val<=0? "#02c9fa":val<15? "#fa0224":val<25? "#FF0000“:"#FF1111" }

Das klappt leider nicht, die Zahlen bleiben immer wieß nur.

[bahnuhr]

@longbow sagte in DP in 3 oder 4 unterschiedlichen Farben darstellen:

@bahnuhr sagte in DP in 3 oder 4 unterschiedlichen Farben darstellen:

{val:0_userdata.0.Systemdaten.Test.Test-DP; val<=0? "#02c9fa":val<15? "#fa0224":val<25? "#FF0000“:"#FF1111" }

Das klappt leider nicht, die Zahlen bleiben immer wieß nur.

Zeige DP
Zeige Widget
Wo das binding

[Longbow]

@homoran na das die Farben ändern, es bleibt immer alle Werte in einer Frabe

Hiermit klappt es gut... nur muss noch ab -1 und mehr -Werte eine Farbe hin bekommen..

{val:0_userdata.0.Systemdaten.Test.Test-DP; val>=0&&val<10? "Blue" : val>=10&&val<28? "Yellow": val>27? "red": val>-1? "white“ : "#0edd32" }

[Homoran]

@longbow sagte in DP in 3 oder 4 unterschiedlichen Farben darstellen:

es bleibt immer alle Werte in einer Frabe

zeigen!

[Homoran]

@longbow sagte in DP in 3 oder 4 unterschiedlichen Farben darstellen:

ab -1 und mehr

falsch!
und weniger! also <-1

[Codierknecht]

@longbow sagte in DP in 3 oder 4 unterschiedlichen Farben darstellen:

nur muss noch ab -1 und mehr -Werte

Am einfachsten vom kleinsten möglichen Wert anfangen und dann immer weiter auf einem imaginären Zeitstrahl nach rechts gehen:

{val:<DP>; val < -100 ? "white" : val < -80 ? "lightblue": val < -50 ? "dodgerblue": val < -20 ? "blue“ : "gray" }

Das kann man (theoretisch) bis zum Sanktnimmerleinstag immer so weiter treiben.
Du musst immer nur 1 Bedingung prüfen (kleiner als). Ist die erfüllt, wird die Farbe zurückgegeben. Ansonsten "geht" die Prüfung so lange nach recht, bis eine der Bedingungen erfüllt ist. Ist keine Bedingung erfüllt, wird die ganz rechtes hinter dem : stehende Farbe (hier: "gray") zurückgegeben.

Beispiel:
Ist der Wert = -67, ist die erste Bedingung (< -100) nicht erfüllt.
Es wird also die nächste geprüft (< -80). Die ist auch nicht erfüllt => nächste.
Die ist jetzt erfüllt (-67 ist kleiner als -50) und es wird "dodgerblue" zurückgegeben.

Ich nehme - wenn möglich - benannte Farben. Das liest sich besser.
https://www.computerhope.com/htmcolor.htm#color-codes

[bahnuhr]

@longbow sagte in DP in 3 oder 4 unterschiedlichen Farben darstellen:

{val:0_userdata.0.Systemdaten.Test.Test-DP; val>=0&&val<10? "Blue" : val>=10&&val<28? "Yellow": val>27? "red": val>-1? "white“ : "#0edd32" }

Das glaub ich nicht.
Bei 27,5 landet er immer bei yellow und nicht bei red

[Longbow]

Also, ich habe mal nun eine Frage, da ich es nicht hin bekomme.

benutzt man mal VAL oder WERT?

Dann möchte ich wie folgt haben.

<-1 blau
zwischen 0 und 15 grün
zwischen 16 und 25 gelb
ab 26 rot

Wie soll es nun aus sehen, das die Zahl, vom DP XYZ so anzeigt.

[Codierknecht]

@longbow

benutzt man mal VAL oder WERT?

Das kommt darauf an, wie Du die Variable benennst. Die kann auch blubb heißen :grin:

{val:XYZ; val < -1 ? "blue" : val < 16 ? "green": val < 26 ? "yellow": "red" }

Wobei Du nicht definiert hast, was bei genau -1 passieren soll ;-)
Meinst Du vielleicht val < 0 ? "blue" ????

[Longbow]

@codierknecht Vielen Dank, warum auch immer, es geht nun. Allerdings hatte ich das immer alles fast ohne Leerzeichen gemacht, das muss es wohl das Problem gewesen sein.

[Codierknecht]

@longbow sagte in DP in 3 oder 4 unterschiedlichen Farben darstellen:

das muss es wohl das Problem gewesen sein

Eher nicht. Das funktioniert auch völlig ohne Leerzeichen. Aber die erhöhen die Lesbarkeit ungemein.
Und (unter anderem) diese Lesbarkeit ist genau mein Thema ;-)