Hex-Farbcode aus Zustand für Analoganzeige (Gauge Card) verwenden

Dashboard/Cards/Frontend
,
1

Hallo zusammen,

ich versuche die Farbe der einzelnen Stufen in der Gauge Card mit Hilfe des Zustand-Wertes aus einer Entität einzufärben.

image
image530×197 10.4 KB

Die Entität hat bspw. den Zustand #00dd09: Also den Hex-Farbcode.
siehe Bild 1

Nun gibt es im Dashboard im Bearbeitungsmodus der Karte den Code-Editor, über den ich bereits standardmäßig die Farben per Hex-Code wählen kann. Diesen möchte ich austauschen mit dem Zustand-Wert:
siehe Bild 2

Ich habe den Code gewählt, da ich im Template-Editor ein Ergebnis bekomme:
siehe Bild 3

image
image741×916 133 KB

(sorry für die Bild-Anzeige, aber als “Anfänger” in der Community darf ich nur 2 Bilder anhängen)

Ich habe bereits viele Möglichkeiten des Codes probiert (nur eine geschweifte Klammer, Prozentzeichen, Hochkommata…), komme aber nicht auf die Lösung. Liegt eventuell auch daran, dass ich recht neu in der ganzen Thematik bin. :slight_smile:

Vielleicht erkennt jemand von euch ja, was ich falsch mache. Eventuell geht mein Vorhaben auch gar nicht. Aber selbst diese Erkenntnis wäre eine Lösung, weil ich dann wieder beruhigter schlafen kann.

Danke an alle! :pray:
Grüße
Matthias

2

Denn ma willkommen!

Die meisten builtin-Karten unterstützen keine Templates, so auch nicht die Gauge-Karte. Meistens erkennst du das schon, wenn du in den Bearbeitungsmodus der Karte wechselst, oben rechts auf das Fragezeichen klickst und dir dann die Konfigurationsvariablen der Karte anschaust. Steht dort „string“, kannst du in aller Regel keine Templates verwenden.

Wenn es möglich wäre, müsstest du entweder umschließende Anführungszeichen verwenden

irgendein_key: "{{ 'expression' }}"

oder sog. Blockskalare für Multiline-Format:


irgendein_key: |
  {{ 'expression' }}
1 „Gefällt mir“
3

Moin,

willkommen im Forum.

Ich kann zu Deinem Problem nichts beitragen, aber Dir mal eine andere Darstellung zeigen :slight_smile:

grafik
grafik1574×887 139 KB

Das ist diese HACS Erweiterung

Für eine Kachel sieht das dann so aus

grafik
grafik1081×1314 132 KB

type: horizontal-stack
cards:
  - type: horizontal-stack
    cards:
      - type: custom:canvas-gauge-card
        entity: sensor.wolf_bm2_0x30_220103_aussentemperatur
        card_height: null
        gauge:
          type: radial-gauge
          title: Außentemperatur (°C)
          width: 220
          height: 220
          borderShadowWidth: 0
          borderOuterWidth: 0
          borderMiddleWidth: 0
          borderInnerWidth: 0
          minValue: -10
          maxValue: 35
          startAngle: 50
          ticksAngle: 180
          valueBox: false
          majorTicks:
            - "-10"
            - "-5"
            - "0"
            - "5"
            - "10"
            - "15"
            - "20"
            - "25"
            - "30"
            - "35"
          minorTicks: 2
          strokeTicks: true
          highlights:
            - from: -10
              to: 0
              color: rgba(162, 210, 223, .75)
            - from: 0
              to: 15
              color: rgba(220,243,255, .75)
            - from: 15
              to: 20
              color: rgba(255,217,102, .75)
            - from: 20
              to: 25
              color: rgba(230,145,56, .75)
            - from: 25
              to: 35
              color: rgba(204,0,0, .75)
          borders: true
title: Temperatur im Außenbereich

VG
Bernd

4

Hi Bernd,

danke dir für deine Darstellung.
An der Stelle, wo du die Farben manuell für die Temperaturen setzt, möchte ich quasi den Zustandswert nehmen. Also statt deiner RGB-Zahlen die Variable, in der diese RGB-Zahl drin steckt.

Aber Kitty schrieb schon, dass diese Variante wohl in der Karte nicht funktioniert. :frowning:

5

Moin,

muss gestehen, habe Dein Post nur grob überflogen, daher wohl nicht alles Verstenden :frowning:

Aber noch viel Glück, einfach mal in HACS schauen, ob es da nicht eine andere Gauge-Karte gibt, die das dann vielleicht kann.

VG
Bernd

P.S.: ob das die Gauge-Karte kann ich aktuell auch nicht sagen, müsste da auch erst in die Dokumentation schauen.