Conseils pour créer une carte et un graph à multiples valeurs

Entraide Home Assistant
, ,
1

Bonjour.

J’aimerai votre avis sur la meilleure manière de procéder pour le cas suivant : Je mesure la température et le taux d’humidité de chaque pièce de chez moi via des capteurs Sonoff qui me retournent donc ces 2 valeurs. Sous HA, pour chaque appareil j’ai 2 sensors retournés (un pour la température, un pour l’humidité).

Ce que je souhaite : Afficher sur une même et une seule carte de mon dashboard la température et l’humidité moyenne de ma maison. Le clic sur la carte afficherai un historique de graph de 24 ou plus (j’ai pas encore décidé) affichant donc les courbes générées par ces 2 valeurs moyennes.

Donc est ce que c’est possible de créer un unique capteur qui me retourne l’état de 2 valeurs moyennes différentes pour créer un graph ? J’imagine que non et qu’il va falloir décomposer ? Peut être d’un côté un capteur de la température moyenne et de l’autre un capteur d’humidité moyenne ? Ca pas de soucis à mettre ne place. Si pas d’autres solutions qui m’éviterai de décomposer ça en 2 capteurs, c’est au niveau du graph que je bloque. Comment le mettre en place ? J’ai pas trouvé dans la doc de HA.

Je suis tout oui à diverses idées.

2

Bonjour,
tu as mini graph card

History-explorer-card

3

Ce que tu peux faire:

  • créér un nouveau sensor (Paramètres, Entrées, Créer une entrée, puis choisir Combiner l’état de plusieurs capteurs. Tu en faits un pour la température moyenne et un pour l’humidité.

    image
    image662×627 22.8 KB

  • Tu affiches ces 2 capteurs sur ton dashbaord, et tu rajoutes une carte pop-up qui apparaît lorsque tu clicques sur ces nouveaux capteurs sur ton tableau de bord.
    J’ai fait ça pour mon NSPanel, lorsque je clicque sur la valeur de température, ça ouvre une carte qui donne l’historique des différents capteurs de température+humidité. Voici à quoi ça ressemble:

    image
    image588×443 20.6 KB

    Chaque graph est fait avec la carte mini-graph-card que t’a indiqué @WarC0zes

Voici le détail du code de ce que j’ai chez moi:

Carte Pop-up 
  - type: custom:popup-card
    entity: sensor.interieur_interieur_interieur_exterieur_temperature
    left_button: Fermer
    left_button_action:
      service: browser_mod.close_popup
    style: |-
      --popup-border-radius: 15px;
      --popup-background-color: transparent;
      --popup-border-width: 0px;
    card:
      type: grid
      cards:
        - card_mod:
            style: |
              .header {
                padding-bottom: 0px;
              }
              .states {
                padding-bottom: 0px;
              }
              ha-card {
                height: 100px !important;
                padding-top: 4px !important;
              }
              ha-card > div.header.flex > div > span {
                opacity: 1;
              }      
          entities:
            - color: white
              entity: sensor.interieur_interieur_interieur_exterieur_temperature
              name: Température
              state_adaptive_color: true
            - color: aqua
              entity: sensor.interieur_interieur_interieur_exterieur_humidity
              name: Humidité
              show_state: true
              state_adaptive_color: true
              y_axis: secondary
          hour24: true
          hours_to_show: 12
          points_per_hour: 2
          line_width: 3
          name: Extérieu
          align_header: center
          font_size: 60
          font_size_header: 15
          show:
            graphe: line
            icon: false
            legend: false
          type: custom:mini-graph-card
        - card_mod:
            style: |
              .header {
                padding-bottom: 0px;
              }
              .states {
                padding-bottom: 0px;
              }
              ha-card {
                height: 100px !important;
                padding-top: 4px !important;
              }
              ha-card > div.header.flex > div > span {
                opacity: 1;
              }      
          entities:
            - color: white
              entity: sensor.interieur_temperature
              name: Température
              state_adaptive_color: true
            - color: aqua
              entity: sensor.interieur_humidity
              name: Humidité
              show_state: true
              state_adaptive_color: true
              y_axis: secondary
          hour24: true
          hours_to_show: 12
          points_per_hour: 2
          line_width: 3
          name: Salon
          align_header: center
          font_size: 60
          font_size_header: 15
          show:
            graphe: line
            icon: false
            legend: false
          type: custom:mini-graph-card
        - card_mod:
            style: |
              .header {
                padding-bottom: 0px;
              }
              .states {
                padding-bottom: 0px;
              }
              ha-card {
                height: 100px !important;
                padding-top: 4px !important;
              }
              ha-card > div.header.flex > div > span {
                opacity: 1;
              }      
          entities:
            - color: white
              entity: sensor.thermometre_chambre_agathe_digital_temperature
              name: Température
              state_adaptive_color: true
            - color: aqua
              entity: sensor.thermometre_chambre_agathe_digital_humidity
              name: Humidité
              show_state: true
              state_adaptive_color: true
              y_axis: secondary
          hour24: true
          hours_to_show: 12
          points_per_hour: 2
          line_width: 3
          name: Ch. Agathe
          align_header: center
          font_size: 60
          font_size_header: 15
          show:
            graphe: line
            icon: false
            legend: false
          type: custom:mini-graph-card
        - card_mod:
            style: |
              .header {
                padding-bottom: 0px;
              }
              .states {
                padding-bottom: 0px;
              }
              ha-card {
                height: 100px !important;
                padding-top: 4px !important;
              }
              ha-card > div.header.flex > div > span {
                opacity: 1;
              }      
          entities:
            - color: white
              entity: sensor.thermometre_chambre_parents_digital_temperature
              name: Température
              state_adaptive_color: true
            - color: aqua
              entity: sensor.thermometre_chambre_parents_digital_humidity
              name: Humidité
              show_state: true
              state_adaptive_color: true
              y_axis: secondary
          hour24: true
          hours_to_show: 12
          points_per_hour: 2
          line_width: 3
          name: Ch. Parents
          align_header: center
          font_size: 60
          font_size_header: 15
          show:
            graphe: line
            icon: false
            legend: false
          type: custom:mini-graph-card
1 « J'aime »
4

Avec browser-mod:

@Gilles2 , mais si je me souviens bien, il n’aime pas trop les cartes custom :sweat_smile:

1 « J'aime »