bonsoir je vient encore vous embeter avec la carte gauge , en fouinant sur le forum j ai reussi a faire ce que je voulais en ajoutant des compteurs au dessus de mes gauges et donc supprimer des cartes pour alleger un peu mon dashboard .
grace a @WarC0zes j ai reussi a faire changer la couleur du text suivant l etat de plusieurs switch et sa marche parfaitement , les compteurs rajouter sur les cartes fonctionnent aussi tres bien , je me pose quand meme une question auquel je n est pas trouver d element de reponse sur le forum est il possible de rendre « clicable » les compteurs ajouter sur la carte pour avoir acces a la « pop-up » du detail ?
type: horizontal-stack
cards:
- type: gauge
entity: sensor.msunpv_outbal
name: routage cumulus
needle: true
min: 0
max: 400
segments:
- from: 0
color: "#808080"
- from: 110
color: "#fa8072"
- from: 290
color: "#808080"
card_mod:
style:
ha-gauge:
$: |
.needle {
fill: lightskyblue !important;
}
svg.text>text {
fill: salmon;
}
.: |
div.name {
color: lightskyblue;
}
ha-card.type-gauge::before {
content: "{{states('sensor.cumulus_journalier')}}kwh";
padding: 2px 2px 0px 2px;
border-radius: 4px;
font-size: 18px;
color: lightskyblue;
}
- type: gauge
needle: true
name: Temperature cumulus
entity: sensor.msunpv_t_bal1
min: 0
max: 73
segments:
- from: 0
color: "#fa8072"
- from: 20
color: "#808080"
- from: 53
color: "#fa8072"
card_mod:
style:
ha-gauge:
$: |
.needle {
fill: lightskyblue !important;
}
svg.text>text {
fill: salmon;
}
.: |
div.name {
color:
{% if states('input_boolean.cumulus_hot') == 'on' %}
goldenrod;
{% else %}
lightskyblue;
{% endif %}
}
ha-card.type-gauge::before {
content: "{{states('sensor.msunpv_voltres')}}v";
padding: 2px 2px 0px 2px;
border-radius: 4px;
font-size: 18px;
color: lightskyblue;
}
- type: gauge
entity: sensor.msunpv_outrad
name: Routage radiateur
needle: true
min: 0
max: 400
segments:
- from: 0
color: "#808080"
- from: 110
color: "#fa8072"
- from: 290
color: "#808080"
card_mod:
style:
ha-gauge:
$: |
.needle {
fill: lightskyblue !important;
}
svg.text>text {
fill: salmon;
}
.: |
div.name {
color:
{% if states('switch.sonoff_1000bedd89') == 'on' %}
goldenrod;
{% else %}
lightskyblue;
{% endif %}
}
ha-card.type-gauge::before {
content: "{{states('sensor.injection_test')}}kwh";
padding: 2px 2px 0px 2px;
border-radius: 4px;
font-size: 18px;
color: lightskyblue;
}
Salut,
hold_action:
action: more-info
entity: sensor.cumulus_journalier
exemple, quand tu clic sur la carte, tu as le more-info de sensor.msunpv_outbal et avec un clic long tu as le more-info de sensor.cumulus_journalier :
type: horizontal-stack
cards:
- type: gauge
entity: sensor.msunpv_outbal
name: routage cumulus
needle: true
min: 0
max: 400
segments:
- from: 0
color: "#808080"
- from: 110
color: "#fa8072"
- from: 290
color: "#808080"
hold_action:
action: more-info
entity: sensor.cumulus_journalier
card_mod:
style:
ha-gauge:
$: |
.needle {
fill: lightskyblue !important;
}
svg.text>text {
fill: salmon;
}
.: |
div.name {
color: lightskyblue;
}
ha-card.type-gauge::before {
content: "{{states('sensor.cumulus_journalier')}}kwh";
padding: 2px 2px 0px 2px;
border-radius: 4px;
font-size: 18px;
color: lightskyblue;
}
et bien tout simplement car je ne connait pas
j ai regarder dans interaction dans l editeur visuel mais il n y avais pas la proposition pour les sensors rajouté .
desolé si mes questions paraissent des fois trop simple pour la communauté
Bonjour,
Puis-je vous suggérer d’utiliser l’outil suivant pour faire des beaux dégradés pour vos gauges.
Exemple:
Dans la doc de home assistant :
qui te renvoie dans la doc des actions :
@MichelJ c est tres sympa le rendu mais je pense que vu la taille des mes gauge sa ne le fera pas mais je vais tester quand meme merci a toi .
@WarC0zes je pense que je vient de comprendre mon probleme je mis toujour des articles ici et la mais jamais les docs officiel
tu a un lien ou l ont trouve toute les docs car il vrai que sur le forum je vois souvent les liens specifiques de la doc officiel .
Toute la documentation de HA :
top je te remercie je vais avoir de la lecture pour mes vacances
1 « J'aime »
slt je te r embete encore un peu j ai voulu faire un test qui ne s est pas averer concluant et je ne c est pas pourquoi mais je suis sur que tu aura la reponse
j ai du coup ajouter un compteur en dessous de la gauge et une puissance instantané au dessus .
type: horizontal-stack
cards:
- type: gauge
entity: sensor.msunpv_outbal
needle: true
name: cumulus
min: 0
max: 400
segments:
- from: 0
color: "#808080"
- from: 110
color: "#fa8072"
- from: 290
color: "#808080"
double_tap_action:
action: more-info
entity: sensor.cumulus_journalier
card_mod:
style:
ha-gauge:
$: |
.needle {
fill: lightskyblue !important;
}
svg.text>text {
fill: salmon;
}
.: |
div.name {
color: lightskyblue;
}
ha-card.type-gauge::after {
content: "{{states('sensor.cumulus_journalier')}}kwh";
padding: 2px 2px 0px 2px;
border-radius: 4px;
font-size: 18px;
color: lightskyblue;
}
ha-card.type-gauge::before {
content: "{{states('sensor.0xa4c1387e6536bf5a_power_a')}}w";
font-size: 18px;
color:
{% if states('sensor.0xa4c1387e6536bf5a_power_a') >= 0 %}
goldenrod;
{% else %}
lightskyblue;
{% endif %}
}
- type: gauge
needle: true
name: Temperature cumulus
entity: sensor.msunpv_t_bal1
min: 0
max: 73
segments:
- from: 0
color: "#fa8072"
- from: 20
color: "#808080"
- from: 53
color: "#fa8072"
double_tap_action:
action: more-info
entity: input_boolean.cumulus_hot
card_mod:
style:
ha-gauge:
$: |
.needle {
fill: lightskyblue !important;
}
svg.text>text {
fill: salmon;
}
.: |
div.name {
color:
{% if states('input_boolean.cumulus_hot') == 'on' %}
goldenrod;
{% else %}
lightskyblue;
{% endif %}
}
ha-card.type-gauge::before {
content: "{{states('sensor.msunpv_voltres')}}v";
padding: 2px 2px 0px 2px;
border-radius: 4px;
font-size: 18px;
color: lightskyblue;
}
- type: gauge
entity: sensor.msunpv_outrad
name: radiateur
needle: true
min: 0
max: 400
segments:
- from: 0
color: "#808080"
- from: 110
color: "#fa8072"
- from: 290
color: "#808080"
tap_action:
action: more-info
entity: sensor.injection_test
double_tap_action:
action: more-info
entity: switch.sonoff_1000bedd89
card_mod:
style:
ha-gauge:
$: |
.needle {
fill: lightskyblue !important;
}
svg.text>text {
fill: salmon;
}
.: |
div.name {
color:
{% if states('switch.sonoff_1000bedd89') == 'on' %}
goldenrod;
{% else %}
lightskyblue;
{% endif %}
}
ha-card.type-gauge::after {
content: "{{states('sensor.injection_test')}}kwh";
padding: 2px 2px 0px 2px;
border-radius: 4px;
font-size: 18px;
color: lightskyblue;
}
ha-card.type-gauge::before {
content: "{{states('sensor.0xa4c1387e6536bf5a_power_b')}}w";
color: lightskyblue;
font-size: 18px;
}
Je regarde ça et te dit.
edit:
met des apostrophes au chiffre dans le template.{% if states('sensor.0xa4c1387e6536bf5a_power_a') >= '0' %}
Tochy
Août 1, 2025, 1:39
11
Salut
Ça ne serait pas plus simple de passer par un stack in card ou vertical stack in card ?
Tout dépend s’il ne veut plus d’espace entre les cartes
je n avait pas prevu de modifier autan la carte gauge en fait .
les apostrophes ont regler le probleme , encore une fois je n etait pas loin de la solution mais pas encore dans le mile .
merci encore pour l aide bonne soiree et bon week end
je ne doit pas regarder les bon articles a chaque fois pour recuperer les infos .
