Bonjour, ce n’est pas vraiment un tuto parce qu’il faudrait un bottin pour décrire toutes les possibilités et combinaisons … et, de toute façon, c’est dans la doc de la carte (plus complète c’est pas possible).
Alors juste une vue de mon dashboart ‹ plantes › (mais vous pouvez utiliser ces cartes pour tout ce que vous voulez), histoire que vous ayez une idée des immenses possibiltés de cette carte.
Hello,
A minima, ajoute aussi ton code (au moins une gauge), parce que en l’état, c’est beau ou pas suivant la vision de chacun, mais c’est surtout impossible à reproduire 
cdt
Euh, j’ai pas dit que c’était beau 
j’ai trés peu de choses pilotables (quelques alarmes frigo/congélos) et rien d’automatisable (à part le ‹ wake on lan › de la télé) donc je fais joujou avec les persos … et là j’ai été bluffé par cette carte.
toutes mes cartes sont identiques (à des choix de couleurs prés ou des plages de segments ou des critères hide: true/false, needle …) mais le mieux une fois une carte créée c’est de faire varier un paramètre après l’autre dans l’éditeur et de regarder le résultat à coté.
Et après on peut s’intéresser aux paramètres bien documentés mais non gérés dans l’éditeur (donc YAML)
type: custom:gauge-card-pro
entity: sensor.zamiochulcas_humidite_du_sol
hide_background: true
needle: false
needle_color: "#ffff99"
gradient: true
titles:
primary:
value: Zamiochulcas
font_size: |
{{'15'}}
color: "#336533"
secondary:
value: " "
font_size: |
{{'15'}}
color: "#009933"
entity2: sensor.zamiochulcas_temperature
animation_speed: normal
inner:
mode: needle
max: 40
severity_color_mode: gradient
gradient_background: true
gradient_background_opacity: 0
severity_centered: false
segments:
- from: -5
color: "#0000ff"
- from: 1
color: "#3366ff"
- from: 12
color: "#33cccc"
- from: 18
color: "#339933"
- from: 25
color: "#ffa500"
- from: 33
color: "#ff0033"
setpoint:
type: attribute
value: friendly_name
gradient_resolution: auto
min: -5
gradient: true
round: small
setpoint:
type: template
label: false
grid_options:
rows: auto
columns: 5
min: 5
max: 100
icons: {}
value_texts:
primary:
font_size_reduction: 12
secondary:
unit_before_value: false
segments:
- pos: 10
color: "#ff0033"
- pos: 30
color: "#ff6633"
- pos: 40
color: "#66ff99"
- pos: 50
color: "#339933"
gradient_resolution: auto
severity_color_mode: gradient
gradient_background: false
ce code n’inclue pas les badges .
les badges : (là aussi ça varie suivant les plages de températures mises en couleur dans chaque pièce)
type: custom:mushroom-chips-card
chips:
- type: template
entity: sensor.t_h_jardin_temperature
name: T_h_j
icon_color: green
icon: mdi:thermometer
content: |
Jardin
{{ states('sensor.t_h_jardin_temperature')}} °
{{states('sensor.t_h_jardin_humidite')}} %
use_entity_picture: true
card_mod:
style: |
ha-card {
white-space: pre;
--chip-background: rgba(189, 256, 150, 0.4);
{% if states('sensor.t_h_jardin_temperature')|float(0) < 0 %}
--text-color:blue;
{% elif (states('sensor.t_h_jardin_temperature')|float(0) >= 0 and states('sensor.t_h_jardin_temperature')|float(0) < 11) %}
--text-color:grey;
{% elif (states('sensor.t_h_jardin_temperature')|float(0) >= 11 and states('sensor.t_h_jardin_temperature')|float(0) <= 25) %}
--text-color:green;
{% elif (states('sensor.t_h_jardin_temperature')|float(0) > 25 and states('sensor.t_h_jardin_temperature')|float(0) <= 30) %}
--text-color:orange;
{% elif states('sensor.t_h_jardin_temperature')|float(0) > 30 %}
--text-color:red;
{% else %}
--text-color:black;
{% endif %}
}
- type: template
entity: sensor.t_h_rue_température
name: T_Rue
icon_color: green
icon: mdi:thermometer
content: |
Rue
{{ states('sensor.t_h_rue_temperature') | float(default=0)}} °
{{ states('sensor.t_h_rue_humidite') | float(default=0) }} %
use_entity_picture: true
card_mod:
style: |
ha-card {
white-space: pre;
--chip-background: rgba(189, 256, 150, 0.4);
{% if states('sensor.t_h_rue_temperature')|float(0) < 0 %}
--text-color:blue;
{% elif (states('sensor.t_h_rue_temperature')|float(0) >= 0 and states('sensor.t_h_rue_temperature')|float(0) <= 11) %}
--text-color:grey;
{% elif (states('sensor.t_h_rue_temperature')|float(0) >= 11 and states('sensor.t_h_rue_temperature')|float(0) <= 25) %}
--text-color:green;
{% elif (states('sensor.t_h_rue_temperature')|float(0) > 25 and states('sensor.t_h_rue_temperature')|float(0) <= 30) %}
--text-color:orange;
{% elif states('sensor.t_h_rue_temperature')|float(0) > 30 %}
--text-color:red;
{% else %}
--text-color:black;
{% endif %}
}
comme les couleurs des textes changent en fonction de la température je reçonnais que c’est plus ou moins lisible.
il y a UN paramètre en YAML que je n’ai pas réussi à faire fonctionner : le code (card-mod) sensé générer un background pour la carte (alors que là j’ai un background pour la section).
et le lien vers le repo de la carte… si tu veux lui faire de la pub, va au bout de la démarche
tu as installé card mod ou uix au moins?
Salut
Non c’est vrai tu as dit :
ps: je taquine rien de plus
ouais il est beau le résultat XIAOMI … mais dédié à une marque
les gouts et les couleurs, hein 
Non absolument pas…
Tu peux utiliser les cartes plantes décrites dans l’article avec n’importe quel capteur… Tu peux les modifier en fonction des données fournies par ton capteur…
Mais il faut lire les articles…
HACS : ‹ Gauge card Pro ›
Je n’ai aucun intérêt financier mais sincèrement, tant pour la puissance du paramétrage que pour la qualité de la doc c’est top !
pour ceux qui cherchent :
Une carte jauge très complete …
OK, je va m’y intéresser … mais pour un bleu comme moi il y a tellement de sujets et de chose à lire … et à comprendre.
Justement, c’est bien de tester plein de chose, mais que ça te serve au moins à progresser et à avoir les bonnes bases…
Et par exemple faire des recherches sur le forum ou le portail, faire un tour sur la section debuter:
Au moins tu auras les articles de référence, a jour la plupart du temps…