Regrouper plusieurs cards ensemble

Entraide Home Assistant
1

Mon problème

je voudrais regrouper l’ensemble des données de précipations (pluies) issues de mon pluviométre netatmo sur une carte, par heure/jour/semaine/mois/année, un peu comme les consommations d’energy,

j’ai réussi en m’inspirant de mycanaletto : My Canaletto | Home Assistant, Shelly & Energy à faire une carte pour l’heure par exemple :

entities:
  - entities:
      - attribute: last_period
        name: jour passé
        unit: mm
    entity: sensor.rain_total_daily
    name: Précipitations journalières
    secondary_info: last-changed
    show_state: true
    state_header: jour en cours
    type: custom:multiple-entity-row
title: Précipitations
type: entities

mais maintenant j’aimerai bien regrouper l’ensemble (heure, jour, semaine …) sur la même card avec un vertical_stack ou comme avec la card coup d’oeil, mais rien à faire, j’arrive pas à sortir quelque chose, je me suis inspiré de ça :

avec le code pour un horizontal_stack :

- type: horizontal-stack
  cards:
    - type: custom:mini-graph-card
      entities:
        - sensor.humidity
      line_color: blue
      line_width: 8
      font_size: 75
    - type: custom:mini-graph-card
      entities:
        - sensor.illumination
      line_color: '#e74c3c'
      line_width: 8
      font_size: 75
    - type: custom:mini-graph-card
      entities:
        - sensor.temperature
      line_color: var(--accent-color)
      line_width: 8
      font_size: 75

si il y a une âme charitable…

Merci d’avance,

FTN

2

Ca, c’est la copie de la doc. Tu as tenté quoi?
Si la carte est installée, il suffit de changer le nom des entités et ça doit le faire.

3

Bonjour,

Désolé de ne pas avoir répondu avant, j’ai ça en code par carte :

Par exemple pour la carte par heure :

entities:
  - entities:
      - attribute: last_period
        name: heure passée
        unit: mm
    entity: sensor.rain_total_hourly
    name: Précipitations dans l'heure
    secondary_info: last-changed
    show_state: true
    state_header: heure en cours
    type: custom:multiple-entity-row
title: Précipitations
type: entities

et la carte par jour :

entities:
  - entities:
      - attribute: last_period
        name: jour passé
        unit: mm
    entity: sensor.rain_total_daily
    name: Précipitations journalières
    secondary_info: last-changed
    show_state: true
    state_header: jour en cours
    type: custom:multiple-entity-row
title: Précipitations
type: entities

avec une par heure/jour/semaine/mois/année,

Et pour le sensor :

  rain_total_daily:
    source: sensor.netatmo_les_clognes_indoor_pluviometre_rain
    cycle: daily
    
  rain_total_hourly:
    source: sensor.netatmo_les_clognes_indoor_pluviometre_rain
    cycle: hourly

Du coup, toutes mes cartes séparément fonctionnent, j’arrive juste pas à les regrouper, je ne comprends pas trop la syntaxe de codage à faire…

Et pareil, je galère avec l’installation de mini-graph-card … je l’ai installé via HACS, ça a l’air d’avoir fonctionné parceque maintenant quand je veux créer une card, il me propose l’option mini-graph-card, mais quand j’essaie une des toutes basiques proposées dans l’aide mini-graph-card du type :

type: custom:mini-graph-card
entity: sensor.netatmo_les_clognes_indoor_temperature

j’ai le message :

Cannot read properties of undefined
type: custom:mini-graph-card
entity: sensor.netatmo_les_clognes_indoor_temperature

Bref, ça veut pas, c’est de ma faute, mais où…

Merci à ceux qui prendront le temps de réponde.

Ftn

4

Hello,

Je ne comprends pas non plus ce que tu veux faire :frowning:

Est-ce que tu veux combiner un Horizontal stack avec une vertical stack?
Si c’est ça perso je ferais ça en mode graphique pas en yaml, faut pas s’y perdre car avec la combinaison de vertical, horizontal et grid c’est vite compliqué.
Mais j’ai trouvé que le faire avec l’interface c’est tout de même plus simple.

Tu commences avec une pile verticale. Puis tu ajoute au choix un pile horizontale et les cartes que tu veux.
Maintenant je ne sais pas exactement ce que tu veux donc je peux pas dire…
Si tu y arrives, envoie des captures de tes cartes et essaye de faire un croquis pour montrer à quoi tu veux que ça ressemble…

Pour Mini Graph Card:
Ton messgae d’erreur semble plutôt lié à un rafraichissement ou une erreur de syntaxe, tu le vois où? dans la preview de la carte?
La syntaxe c’est plutôt ça pour une entité:

type: custom:mini-graph-card
entities:
  - entity: sensor.voiture_temperature_sensor_inside
5 
type: horizontal-stack  #le type de la carte
cards:    #la clé qui contient un dictionnaire (liste) de carte
#####carte1#####
# 1. On indente de 2 espaces
# 2. Chaque entrée du dictionnaire commence par un tiret (delimiteur) 
# 3. On colle la 1ère ligne de ta carte
# 4. On indente toutes les autres lignes poir retrouver le même niveau d'intention initiale 
    - entities:
      - entities:
          - attribute: last_period
            name: heure passée
            unit: mm
        entity: sensor.rain_total_hourly
        name: Précipitations dans l'heure
        secondary_info: last-changed
        show_state: true
        state_header: heure en cours
        type: custom:multiple-entity-row
    title: Précipitations
    type: entities
#####fin carte1#####
#####carte2#####
# 1. On indente de 2 espaces
# 2. Chaque entrée du dictionnaire commence par un tiret (delimiteur) 
# 3. On colle la 1ère ligne de ta carte
# 4. On indente toutes les autres lignes poir retrouver le même niveau d'intention initiale 
    - entities:
      - entities:
          - attribute: last_period
            name: heure passée
            unit: mm
        entity: sensor.rain_total_hourly
        name: Précipitations dans l'heure
        secondary_info: last-changed
        show_state: true
        state_header: heure en cours
        type: custom:multiple-entity-row
    title: Précipitations
    type: entities
#####fin carte2#####

Demain je te fais un gif, tu verras que cela prends 20 secondes (avec la sélection multiple de ligne et la touche TAB via le code) ou 20sec (via l’éditeur graphique comme le précise @AlexHass

animate

6

Merci pour votre aide ! ça fonctionne ! super le GIF pour comprendre !

Et mini-graph-card fonctionne aussi !

Ca avance !