CSS Button/Widget mit Farbänderung je nach Wert
-
Hallo,
ich bin auf der Suche nach einem Button/Widget, welches mir je nach Wert eine andere Farbe anzeigt.
Als Beispiel Stromverbrauch. Wahrscheinlich wird man das über ein CSS Script händeln müssen?
-280 Watt ist die Farbe grün
281-350 Watt ist die Farbe cyan
351-400 Watt ist die Farbe gelb
usw. usw
Die Werte kommen vom Homematic Stromzähler HM-ES-TX-WM / MEQ0705683:1
DANKE euch für Euere Hilfe
-
Suche mal nach dem Gauge Widget.
Alternativ geht ein Javascript im Javascript-Adapter, welches einen weiteren Datenpunkt erzeugt, den du zur Steuerung der Farbe nutzt.
Pix
-
Hallo,
ich vermute Du willst den Messwert entsprechend farbig darstellen? Das geht sehr einfach direkt unter CSS Font & Color:
Ich hätte jetzt erstmal was für 2 Farben… Einfach unter Color folgendes eintragen, dann wird z.B. alles über 1000 rot
{value:hm-rpc.0.MEQ0025538.1.POWER; value > 1000 ? "rgb(255, 0, 0)" : "rgb(150, 150, 150)"}
MfG
-
Ich denke pix meint die justgage Widgets.
Da kannst du die Werte und auch den Hintergrund in Abhängigkeit der Werte einfärben.
Bei Indicator zusätzlich noch eine Tendenz anzeigen.
Gruß
Rainer
-
Geht das auch mit noch mehr als 3 Farben?
Möchte gerade meine Mediola Visualisierung nachbauen.
Dort habe ich Button, welche sich zb je nach Wert in einer bestimmten Farbe einfärben?
-
Bei justgage kannst du einen Farbverlauf definieren: z.B. gelb -> rot ergibt je nach wert einen gelben, hell bis dunkel orangen oder roten Wert.
Gruß
Rainer
-
Ok vielen Dank für Deine Info.
D.h. aber ich bekomme nicht für jeden gewünschten Bereich eine "extra" Farbe hin?
