NEWS
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
-
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
-
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
Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.
Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.
Mit deinem Input könnte dieser Beitrag noch besser werden 💗
Registrieren Anmelden