Comment modifier la couleur d'une entité suivant la valeur du capteur

Entraide Home Assistant
1

bonjour, je débute. je recherche comment modifier la couleur d’une entité ( apex card) suivant la valeur du capteur de cette dernière. j’ai essaye beaucoup de chose, j’ai lu aussi beaucoup mais je tourne en rond. je fais donc appel à une âme charitable. merci de votre aide.

voici mon code: je désir changer la couleur des valeur dans le carré vert( cette valeur=0, donc je veux l’effacer). j’ai déjà supprimé stroke_width, mais cela n’a rien fait.

merci pour votre lecture.

type: custom:apexcharts-card
graph_span: 1d
stacked: true
now:
  show: true
  color: red
  label: Now
update_interval: 60sec
header:
  show: true
  title: Conso Maison Jour
  show_states: true
  colorize_states: true
apex_config:
  xaxis:
    tooltip:
      enabled: false
  chart:
    type: area
    height: 300px
  stroke:
    show: true
    width: 4
    curve: smooth
  legend:
    show: false
series:
  - entity: sensor.conso_tempo_bleu_hc_nov
    name: heure bleu HC
    unit: kWh
    float_precision: 2
    color: royalblue
    type: column
    opacity: 0.8
    group_by:
      func: max
      duration: 30min
    show:
      datalabels: false
      extremas: max
  - entity: sensor.conso_tempo_bleu_hp_nov
    name: Heure bleu HP
    float_precision: 2
    color: blue
    type: column
    opacity: 0.8
    group_by:
      func: max
      duration: 30min
    show:
      datalabels: false
      extremas: max

home
home891×600 35 KB

2

Tu peux essayer de remplacer ta première entité par le bloc ci-dessous. Comme je n’ai pas compris ton critère, j’ai décidé de colorier en rouge les valeurs inférieures à 10.

series:
  - entity: sensor.conso_tempo_bleu_hc_nov
    name: heure bleu HC
    unit: kWh
    float_precision: 2
    color: royalblue
    type: column
    opacity: 0.8
    group_by:
      func: max
      duration: 30min
    show:
      datalabels: false
      extremas: max
  - entity: sensor.conso_tempo_bleu_hc_nov
    name: heure bleu HC < 10
    unit: kWh
    float_precision: 2
    color: red
    type: column
    opacity: 0.8
    group_by:
      func: max
      duration: 30min
    show:
      datalabels: false
      extremas: max
    transform: |
      if (x < 10) return x;
      return null;

C’est ton critère pour changer de couleur ? Essaie de reformuler ce que tu veux vraiment faire.

3

Bonjour,

J’ai glané cela sur un post, je n’en suis pas l’auteur mais ça fonctionne chez moi. Je pense que ça doit le faire :grinning_face: . Couleur à adapter, chatgpt te fera le dégradé que tu veux si tu lui donnes les bornes min et max et la couleur de départ et de fin

   series:
      - entity: sensor.hms_500_1t_ch1_yieldday
        yaxis_id: first
        type: column
        show:
          name_in_header: false
          datalabels: true
          legend_value: false
          header_color_threshold: true
        group_by:
          func: max
          duration: 1d
        opacity: 0.8
        color_threshold:
          - value: 0
            color: "#0000FF"
          - value: 0.25
            color: "#3F00BF"
          - value: 0.5
            color: "#7F0080"
          - value: 0.75
            color: "#BF0040"
          - value: 1
            color: "#FF0000"
          - value: 1.25
            color: "#FF3300"
          - value: 1.5
            color: "#FF6600"
          - value: 1.75
            color: "#FF9900"
          - value: 2
            color: "#FFCC00"
          - value: 2.25
            color: "#FFFF00"
          - value: 2.5
            color: "#CCFF00"
          - value: 2.75
            color: "#99FF00"
          - value: 3
            color: "#66FF00"
          - value: 3.25
            color: "#33FF00"
          - value: 3.5
            color: "#00FF00"
          - value: 3.75
            color: "#00FF7F"
          - value: 4
            color: "#00FFFF"