Monatsrückblick Januar/Februar 2026 ist online!

[StarLord42]

Guten Morgen,

ich möchte ein HTML Widget verwenden, um die Temperatur eines Raumes anzuzeigen.
Hierfür stelle ich mir eine svg Polyline Kontur vor, die gefüllt wird.
Mit einem statischen Wert für das Attribut fill funktioniert es:

<svg with="240" height="100">
  <polyline points="0,0 240,0 240,100 100,100 100,80 0,80" fill="#f36905"/>
</svg>

Wie kann ich das Attribut dynamisch füllen lassen, also in Abhängigkeit von dem Wert eines Datenpunktes.
Ich habe folgendes versucht, leider ohne Erfolg.

<svg with="240" height="100">
  <polyline points="0,0 240,0 240,100 100,100 100,80 0,80"
  fill="{v:0_userdata.0.Heizung.OG_Badezimmer.TempCur;v > 25 ? &quot;#f36905&quot; : v > 24.5 ? &quot;#f37506&quot; : &quot;#419f7c&quot;}"/>
</svg>

Gruß Andreas

[Homoran]

@starlord42 nicht dass ich javascript kann, aber fehlt da nicht ein .val ?

[StarLord42]

@homoran Das ist kein JS.

Ich denke ich werde als Workaround die Farbe über ein Skript steuern.
Der folgende Ansatz funktioniert:

<svg with="240" height="100">
  <polyline points="0,0 240,0 240,100 100,100 100,80 0,80"
  fill='{0_userdata.0.FillColor}'/>
</svg>

[ice987]

@starlord42

z.B.:

<svg with="240" height="100">
  <polyline points="0,0 240,0 240,100 100,100 100,80 0,80"
  fill="{v:0_userdata.0.test.test41;v > 25 ? '#ff000' :: (v > 20 ? '#fff000' :: '#00ff00')}"/>
</svg>

wenn DP type: number

[StarLord42]

@ice987
Sorry, dass ich mich nicht zurückgemeldet habe. Irgendwie habe ich Deine Nachricht übersehen.
Inzwischen habe ich alles auf umgebaut, aber trotzdem danke.

[DJMarc75]

@starlord42 sagte in HTLM Widget mit variablem Attribute:

Inzwischen habe ich alles auf umgebaut, aber trotzdem danke.

auf "was" genau ? ;)