Wieder einmal Hintergrund von Cards.

[Fidibus]

Moin,
und ja, ich habe mich wieder einen hlaben Tag mit der KI vergnügt -> sie hat aufgegeben.
Ziel ist es, in Abhängigkeit der Innentemperatur meines Winterzeltes den Hintergrund der Card transparent einzufärben.
Ja, ist Spielerei.

Das sind inzwischen die Ergebnisse, die Darstellung haben wir mit Bordmitteln, Card mod und ApexCards probiert.
Bei Apex bekomme ich übrigens keinen Titel rein, warum auch immer, aber ich finde die Linie so eh etwas zu stark.
Für den schnellen Blick möchte ich nun eigentlich nur noch on Top erreichen, dass der gesamte Hintergrund bei Innentemperarut >= 4° transparent grün ist, darunter transparent rot.
Hat einer ne Idee?

 

[HA-DAU]

Hallo @Fidibus,

wie kann es transparent grün/rot sein?
Entweder transparent oder Farbe.
Entscheide dich zu einer Lösung.
Oder verstehe ich da was falsch?

 

[Fidibus]

@HA-DAU - so, wie bei Warmwasser und Heizung Winterzelt

 

[HA-DAU]

Hallo @Fidibus,
Du meinst das in etwa so, oder habe ich das wieder falsch verstanden?

Nachtrag: Bin aktuell auch am Farbenwechsel gescheitert.
Yaml.code gelöscht.


Kannst Du aktuell mit dem Ergebnis leben?
Dann kann ich Dir den yaml Code dafür geben.
Die Variante habe ich auch noch...

Nur die rote Farbe für den Hintergrund kriege ich nicht geändert.
Das Thermometer (grün) schon.
Aber die anderen Profis hier bekommen das Problem bestimmt auch noch gelöst.
Hier noch eine Variante....


Passt es so besser?

 

[Fidibus]

Moin,
nein, die Chips Cards färben ist nicht das Problem, vergl.

Ich möchte den Hintergund der Temperarturkurven färben, für den schnellen Blick....und wie oben geschrieben

Ja, ist Spielerei.

Die beiden cards über den Temperaturkurven dienten nur der Erklärung auf deine Frage nach der Transparenz.

 

[HA-DAU]

Hallo @Fidibus,

dann habe ich Dich/das falsch verstanden.
Aber war dann halt ne Übung für mich....
Ab hier bin ich raus....

 

[Nival]

Wenn es eine Statistikdiagrammkarte ist...

chart_type: line
period: hour
type: statistics-graph
entities:
  - sensor.klima_test
stat_types:
  - mean
  - min
  - max
days_to_show: 1
card_mod:
  style:
    statistics-chart$ha-chart-base$: |
      .chart-container {
        {% if states('sensor.klima_test') | int < 4 %}
          background-color: rgba(255,0,0,0.3);
        {% else %}
          background-color: rgba(0,255,0,0.3);
        {% endif %}
      }

Vollständiger Code nur der Übersicht halber, vermutlich brauchst Du nur den Teil von card_mod.

 

[Fidibus]

@Nival : genau so soll es aussehen....danke, ich versuche mal, meinen code zu überarbeiten.
Hat geklappt...super, danke!

 

[HA-DAU]

Hallo zusammen,

habe mal zum Spass und zum lernen den Code von @Nival in eine Testkarte eingefügt und durch meinen Sensor ersetzt.
In der Vorschau passt alles noch und die Karte wird eingefärbt.
Nur wenn alles gespeichert und HA neu gestartet wurde nur noch die nackte Linie, ohne Farbe im Hintergrund.
Was läuft da wieder schief?

 

[Fidibus]

@HA-DAU bei mir funzt es. Ich muss nur gerade noch einmal beobachten, ob die Kurve auch "weiterläuft" oder ich immer aktualisieren muss.

 

[Nival]

@HA-DAU ggf. steht der Sensor zu dem Zeitpunkt auf unknown, gib beim | int vielleicht nen Defaultwert an.