Monatsrückblick Januar/Februar 2026 ist online!

[TG70]

Hallo, ich bin auf der Suche nach einer Lösung, wie ich einem Button/Widget je nach Wert eine andere Hintgergrundfarbe zuordnen kann (z.B. für Stromverbrauch/Luftfeuchtigkeit/uws.)
Ich würde ca. 10 verschiedene Farben einplanen wollen.

Beispiel: 0-200 Watt = grün / 200-300 W = Cyan / 300-400 W = Gelb / 400-500 W = Orange/ usw.

Habe zwar den "Justgage Colored" gefunden, welcher aber nur 3 Farben darstellen kann :(

[J.A.R.V.I.S.]

@TG70 schau dir mal folgendes an: https://github.com/ioBroker/ioBroker.vis#bindings-of-objects

Bzw. such mal im Forum danach. Es gab schön des öfteren solche Themen.

https://forum.iobroker.net/topic/22232/signalbilder-css-klassen/4

[TG70]

Wollte gerade schreiben, dass ich es wohl geschaft habe?
Habe folgendes in den "Hintergrund" geschrieben

{v:hm-rpc.0.MEQ0705683.1.POWER;((v/100)<2) ? "green": ((v/100)<3) ? "yellow": ((v/100)<4) ? "blue": ((v/100)<5) ? "red": ((v/100)<6) ? "#e633a6": "white"}

[TG70]

Soweit so gut. Bei einem Luftfeuchtigkeitswer habe ich jetzt ein Problem - vielleicht denke ich hier falsch:

hm-rpc.0.MEQ0237123.2.ACTUAL_HUMIDITY
Wert: 42%

Die Farben sollen so aufgeteilt werden:
0-34% rot
35-39% gelb
40-60 %grün
61-65 %gelb
66-100% rot

So dachte ich das es funktionieren könnte - aber irgendwo ist der Wurm drin:

{v:hm-rpc.0.MEQ0237123.2.ACTUAL_HUMIDITY;((v/100)<0.35) ? "red": ((v/100)<0.4) ? "yellow": ((v/100)<0.6) ? "green": ((v/100)<0.65) ? "yellow": ((v/100)<1.0) ? "red“: "black"}

Ein Weiteres Problem ist mit einem Luftdruck Tendenz . Welcher mit
drei Strings angezeigt wird. Hier sollen die Farben so vergeben werden:
Dazu habe ich noch gar keine Idee:

Blau >> up
grün >> stable
rot >> down

[J.A.R.V.I.S.]

@TG70 ich habe zunächst eine Frage: Gibt es einen Grund, dass du den Wert erst durch 100 teilst?

Zudem müsstest du nicht nur < sondern <= verwenden, damit du die richtigen Farben zu den richtigen Werten erhälst.

[J.A.R.V.I.S.]

@TG70 sagte in Button Hintergrundfarbe je nach Wert ändern:

Welcher mit
drei Strings angezeigt wird.

Du kannst einen Vergleich machen.

(v == 'up') ? 'blue' : ... usw. 

[TG70]

Ja gute Frage, das habe ich mich beim oberen Script auch schon gefragt.... habe ich so gefunden und war sehr froh das es funktioniert hatte

Meinst du etwa so - funktioniert aber nicht - was hab ich noch falsch :

{v:hm-rpc.0.MEQ0237123.2.ACTUAL_HUMIDITY;((v <=35) ? "red": ((v <=40) ? "yellow": ((v <=60) ? "green": ((v <=65) ? "yellow": ((v <=100) ? "red“: "black"}

[Ein ehemaliger Benutzer]

@TG70 stimmen deinen Klammern? Ich glaub du machst zuviel auf und nicht mehr zu 🤔

[J.A.R.V.I.S.]

@TG70 da hat @HeinrichB recht. Du hast vergessen, die eine von zwei Klammern vor dem v zu entfernen.

[TG70]

Jep ihr hattet natürlich Recht - die Klammern waren das Problem ... DANKE EUCH

{v:hm-rpc.0.MEQ0237123.2.ACTUAL_HUMIDITY;(v<35) ? "red": (v<40) ? "yellow": (v<61) ? "green": (v<66) ? "yellow": (v<100) ? "red": "white"}

[J.A.R.V.I.S.]

@TG70 sollte deine Frage damit gelöst sein, dann kannst du zum einen ein "[gelöst]" in den Titel setzen und zum anderen die Lösung als Lösung makieren. Damit wird es für andere einfacher, eine gleiche oder ähnliche Problemstellung hier zu finden.

[TG70]

Ja gelöst. Übringes die Tendenz funkioniert auch so wie du gesagt hast . Danke für deinen Tip

{v:netatmo.0.home-mühe.Indoor.Pressure.PressureTrend;(v == 'up') ? "blue": (v == 'stable') ? "green": (v == 'down') ? "purple": "grey"}