<![CDATA[[gelöst] Button Hintergrundfarbe nach Wert ändern]]>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 :(

1f09b735-ebe1-4843-b566-524b12d3a674-grafik.png

]]>https://forum.iobroker.net/topic/29411/gelöst-button-hintergrundfarbe-nach-wert-ändernRSS for NodeWed, 15 Apr 2026 20:17:53 GMTMon, 27 Jan 2020 07:30:26 GMT60<![CDATA[Reply to [gelöst] Button Hintergrundfarbe nach Wert ändern on Tue, 28 Jan 2020 08:29:20 GMT]]>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"}
]]>https://forum.iobroker.net/post/366359https://forum.iobroker.net/post/366359Tue, 28 Jan 2020 08:29:20 GMT<![CDATA[Reply to [gelöst] Button Hintergrundfarbe nach Wert ändern on Tue, 28 Jan 2020 08:09:41 GMT]]>@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.

]]>https://forum.iobroker.net/post/366343https://forum.iobroker.net/post/366343Tue, 28 Jan 2020 08:09:41 GMT<![CDATA[Reply to [gelöst] Button Hintergrundfarbe nach Wert ändern on Tue, 28 Jan 2020 08:03:10 GMT]]>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"}
]]>https://forum.iobroker.net/post/366338https://forum.iobroker.net/post/366338Tue, 28 Jan 2020 08:03:10 GMT<![CDATA[Reply to [gelöst] Button Hintergrundfarbe nach Wert ändern on Mon, 27 Jan 2020 21:03:16 GMT]]>@TG70 da hat @HeinrichB recht. Du hast vergessen, die eine von zwei Klammern vor dem v zu entfernen.

]]>https://forum.iobroker.net/post/366188https://forum.iobroker.net/post/366188Mon, 27 Jan 2020 21:03:16 GMT<![CDATA[Reply to [gelöst] Button Hintergrundfarbe nach Wert ändern on Mon, 27 Jan 2020 20:49:08 GMT]]>@TG70 stimmen deinen Klammern? Ich glaub du machst zuviel auf und nicht mehr zu 🤔

]]>https://forum.iobroker.net/post/366168https://forum.iobroker.net/post/366168Mon, 27 Jan 2020 20:49:08 GMT<![CDATA[Reply to [gelöst] Button Hintergrundfarbe nach Wert ändern on Mon, 27 Jan 2020 20:45:59 GMT]]>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"}
]]>https://forum.iobroker.net/post/366165https://forum.iobroker.net/post/366165Mon, 27 Jan 2020 20:45:59 GMT<![CDATA[Reply to [gelöst] Button Hintergrundfarbe nach Wert ändern on Mon, 27 Jan 2020 20:40:44 GMT]]>@TG70 sagte in Button Hintergrundfarbe je nach Wert ändern:

Welcher mit
drei Strings angezeigt wird.

Du kannst einen Vergleich machen.

(v == 'up') ? 'blue' : ... usw.
]]>https://forum.iobroker.net/post/366157https://forum.iobroker.net/post/366157Mon, 27 Jan 2020 20:40:44 GMT<![CDATA[Reply to [gelöst] Button Hintergrundfarbe nach Wert ändern on Mon, 27 Jan 2020 20:39:05 GMT]]>@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.

]]>https://forum.iobroker.net/post/366155https://forum.iobroker.net/post/366155Mon, 27 Jan 2020 20:39:05 GMT<![CDATA[Reply to [gelöst] Button Hintergrundfarbe nach Wert ändern on Mon, 27 Jan 2020 20:27:21 GMT]]>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

]]>https://forum.iobroker.net/post/366146https://forum.iobroker.net/post/366146Mon, 27 Jan 2020 20:27:21 GMT<![CDATA[Reply to [gelöst] Button Hintergrundfarbe nach Wert ändern on Mon, 27 Jan 2020 12:21:51 GMT]]>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"}
]]>https://forum.iobroker.net/post/365785https://forum.iobroker.net/post/365785Mon, 27 Jan 2020 12:21:51 GMT<![CDATA[Reply to [gelöst] Button Hintergrundfarbe nach Wert ändern on Mon, 27 Jan 2020 12:02:40 GMT]]>@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

]]>https://forum.iobroker.net/post/365780https://forum.iobroker.net/post/365780Mon, 27 Jan 2020 12:02:40 GMT