[Mon Dashboard] - @Telenaze

Bonjour,

Voici quelques captures de mon home assistant.
Comme beaucoup d’entres vous, rien n’est vraiment finalisé mais en perpétuelle évolution.

La page « home » me donne une vision instantanée de point de lumière qui seraient restées allumées par mégarde, mais aussi de la température des pièces et surtout un accès direct à mes caméras de surveillance.
J’ai ajouté dernièrement le ramassage des déchets, bien pratique quand on a une petite cervelle :blush:

La deuxième page concerne mon carillon, En fait j’ai connecté mon bouton extérieur filaire un esp01 avec relais qui renvoi l’information sur home assistant. J’ai également relié l’ESP au bouton d’un carillon que j’ai acheté sur ali, ainsi un carillon qui sonne à 3 endroits différents mais aussi sur mon portable. L’ajout de la caméra en pleine écran est vraiment très pratique pour voir la personne qui sonne au portail.
Le bouton « Carillon Test relais » permet d’activer le carillon comme si quelqu’un sonnait au portail et le bouton « Carillon relais Actif » permet de désactiver le carillon si besoin…


La page « pompe » surveille le bon fonctionnement de ma pompe de relevage située au pied de la porte de mon sous-sol (le sol étant argileux, nous avons préféré mettre en place ce système afin d’éviter tout risque d’inondations suite à de fortes pluies.
Je suis alerté quant la pompe se met en route, quant l’eau monte dans le regard, mais aussi si la pompe n’est plus alimentée en 220V.

La page « interrupteur » me donne l’état, par catégorie, de tous les périphériques de commutation avec un le passage à un icone rouge lorsqu’un périphérique est déconnecté de home assistant.

La page « Matériel » me donne la même chose mais cette fois classé par marque.

Idem pour la page « zigbee » mais plus détaillé pour tous les périphériques connectés en Zigbee.

La page « Batterie » me donne l’état des batteries de chaque appareil.

La page « consommation d’énergie » me donne le suivi de ma conso d’une part via un module téléinfo (esp8266 D1 Mini) et d’autre part avec l’intégration MyEnedis, j’ai également mis le suivi conso ma baie informatique et l’état de mon onduleur.

La page « suivi énergie » me donne un suivi conso périodique par graphe et le détail heures creuse / heures pleines.

Pour le reste rien de spécial, j’ai une page pour le chauffage et une pour la climatisation, la page « multimedia » quoi que très classique est très pratique au quotidien.



Voilà,
En espérant que je n’ai pas été trop long. :blush:

4 « J'aime »

Merci pour le partage :+1:

super dashboard telenaze, je reviendrai pe vers toi lorsque j’aurai avancé sur le mien afin d’avoir qques infos. Merci pour ton partage.

Merci, et n’hésite pas à revenir vers moi si tu as besoin de plus d’infos.

Bonjour,
il y a pas mal de trucs sympa dans ton dasboard.:+1:
Pourrais-tu indiquer comment tu as procédé pour le ramassage des poubelles ?

tu dois d’abord installer une intégration ( Garbage Collection):

Puis installer une nouvelle carte( Garbage Collection Card) via HACS / Frontend

Tu as aussi ce post sur site:
https://forum.hacf.fr/t/gerer-et-notifier-la-sortie-des-poubelles-dans-home-assistant-avec-garbage-collection/384
Si tu as des difficultés pour installer tout ça, relance moi.:wink:

Super dashboard, beau travail. Merci oiur le partage

Merci. Je viens de suivre le tuto de McFly qui me paraissait très clair mais je n’obtiens pas le résultat escompté ! J’ai posté dans le fil des poubelles !

Hello @telenaze Ton design est top,
J’ai deux petites questions :

  • Comment tu fais pour é viter d’utiliser des tuiles les unes à côté des autres pour faire positionner des equipements sur le plan de ta maison (façon design de Jeedom)
  • Comment tu fais pour créer le halot autour des lumières ?

Merci beaucoup

Merci pour le compliment,
En fait j’ai crée une carte avec picture-elements dont voici le code:

Code de la carte
type: picture-elements
image: /local/lovelace/floorplans/maison 17.png
elements:
  - type: image
    entity: binary_sensor.lilygo_temoin_lumiere_jardin
    title: Lumière Jardin
    tap_action:
      action: none
    hold_action:
      action: none
    image: /local/lovelace\overlays/1x1_trans.png
    state_image:
      'on': /local/lovelace\overlays/Lumière Jardin On.png
    style:
      left: 83%
      top: 10%
      width: 30%
      opacity: 0.8
  - type: image
    entity: switch.switch_lampe_veranda
    title: Lampe Veranda
    tap_action:
      action: none
    hold_action:
      action: none
    image: /local/lovelace\overlays/1x1_trans.png
    state_image:
      'on': /local/lovelace\overlays/Lampe Veranda On.png
    style:
      left: 27%
      top: 31.5%
      width: 30%
      opacity: 0.8
  - type: image
    entity: switch.prise_lampe_tele
    title: Lampe Télé
    tap_action:
      action: none
    hold_action:
      action: none
    image: /local/lovelace\overlays/1x1_trans.png
    state_image:
      'on': /local/lovelace\overlays/Lampe Salon On.png
    style:
      left: 30%
      top: 59%
      width: 30%
      opacity: 0.5
  - type: image
    entity: switch.bouton_entree_center
    title: Lampe Canapé
    tap_action:
      action: none
    hold_action:
      action: none
    image: /local/lovelace\overlays/1x1_trans.png
    state_image:
      'on': /local/lovelace\overlays/Lampe Canapé On.png
    style:
      left: 42%
      top: 61%
      width: 20%
      opacity: 0.5
  - type: image
    entity: switch.bouton_entree_left
    title: Lumière Ordinateur
    tap_action:
      action: none
    hold_action:
      action: none
    image: /local/lovelace\overlays/1x1_trans.png
    state_image:
      'on': /local/lovelace\overlays/Lumière Ordinateur On.png
    style:
      left: 54%
      top: 39%
      width: 120%
      opacity: 0.8
  - type: image
    entity: switch.lustre_cuisine
    title: Lustre Cuisine
    tap_action:
      action: none
    hold_action:
      action: none
    image: /local/lovelace\overlays/1x1_trans.png
    state_image:
      'on': /local/lovelace\overlays/Lumière Ordinateur On.png
    style:
      left: 91%
      top: '-1%'
      width: 90%
      opacity: 0.8
  - type: state-icon
    entity: switch.sonoff_eclairage_jardin
    title: Lumière Jardin
    icon: mdi:outdoor-lamp
    tap_action:
      action: toggle
    style:
      top: 5%
      left: 80%
      '--iron-icon-height': 42px
      '--iron-icon-width': 42px
      transform: scale(1,1)
      '--paper-item-icon-color': blue
  - type: state-icon
    entity: switch.bouton_entree_right
    title: Lampe télé
    icon: mdi:floor-lamp
    tap_action:
      action: toggle
    style:
      top: 44%
      left: 12%
      '--iron-icon-height': 42px
      '--iron-icon-width': 42px
      transform: scale(1,1)
      '--paper-item-icon-color': blue
  - type: state-icon
    entity: switch.bouton_entree_center
    title: Lampe Canapé
    icon: mdi:floor-lamp
    tap_action:
      action: toggle
    style:
      top: 62.5%
      left: 43%
      '--iron-icon-height': 42px
      '--iron-icon-width': 42px
      transform: scale(1,1)
      '--paper-item-icon-color': blue
  - type: state-icon
    entity: switch.bouton_entree_left
    title: Lumière Ordinateur
    icon: mdi:ceiling-light
    tap_action:
      action: toggle
    style:
      top: 84%
      left: 32%
      '--iron-icon-height': 42px
      '--iron-icon-width': 42px
      '--paper-item-icon-color': blue
  - type: state-icon
    entity: switch.switch_lampe_veranda
    title: Lampe Véranda
    icon: mdi:floor-lamp
    tap_action:
      action: toggle
    style:
      top: 39%
      left: 14%
      '--iron-icon-height': 42px
      '--iron-icon-width': 42px
      '--paper-item-icon-color': blue
  - type: state-icon
    entity: switch.lustre_cuisine
    title: Lustre Cuisine
    icon: mdi:ceiling-light
    tap_action:
      action: toggle
    hold_action:
      action: more-info
    style:
      top: 31%
      left: 75%
      '--iron-icon-height': 42px
      '--iron-icon-width': 42px
      '--paper-item-icon-color': blue
  - type: state-label
    entity: sensor.ble_temperature_xiaomi_veranda
    title: Température Veranda
    style:
      top: 39%
      left: 80%
      font-size: 9x
      color: green
  - type: state-label
    entity: sensor.netatmo_temperature_courante
    title: Température Entrée
    style:
      top: 66%
      left: 58%
      font-size: 9x
      color: green
  - type: state-label
    entity: sensor.ble_temperature_xiaomi_salon
    title: Température Salon
    style:
      top: 79%
      left: 27%
      font-size: 9x
      color: green
  - type: state-label
    entity: sensor.sainte_genevieve_des_bois_temperature_2
    title: Température Exterieur
    style:
      top: 4%
      left: 92%
      font-size: 9x
      color: white
  - type: image
    entity: camera.jardin_profile001_substream
    camera_image: camera.jardin_profile001_substream
    style:
      top: 9.5%
      left: 16%
      width: 28%
      border: 2px solid red
      border-radius: 10%
  - type: image
    entity: camera.cuisine_profile000_mainstream
    camera_image: camera.cuisine_profile000_mainstream
    style:
      top: 9.5%
      left: 46%
      width: 28%
      border: 2px solid red
      border-radius: 10%
  - type: image
    entity: camera.tv_ip313pi_mainstream
    camera_image: camera.tv_ip313pi_mainstream
    style:
      top: 92%
      left: 77%
      width: 30%
      border: 2px solid red
      border-radius: 10%

et pour le halot de lumière j’utilise une image transparente quant la lumière est éteinte et une autre image quant elle est allumée.
Pour l’exemple ci-dessous voila les deux images utilisées,
l’image transparente, que tu ne peux pas voir puisque transparente :rofl:
il faut se positionner dessus pour pouvoir l’enregistrer sous…:
transparent

et l’autre image qui fait le halot.
Lampe Veranda On

  - type: image
    entity: switch.switch_lampe_veranda
    title: Lampe Veranda
    tap_action:
      action: none
    hold_action:
      action: none
    image: /local/lovelace\overlays/1x1_trans.png
    state_image:
      'on': /local/lovelace\overlays/Lampe Veranda On.png
    style:
      left: 27%
      top: 31.5%
      width: 30%
      opacity: 0.8

top, merci, excellente idée.

Si ça t’intéresse, j’ai ici des images et des icônes à télécharger ainsi que des exemples pour faire varier les couleurs par exemple:

Salut.
Excellent travail. Je serais intéressé par tes pages se suivi conso et énergie.
J’ai déjà quelques utility meter.
Peux tu partager ton code stp

Merci,
En fait depuis mon 1er post, mon tableau de bord à évolué.



dis moi quelles cartes t’intéresse particulièrement et je te mettrais le code à dispo.

Les deux pages si possibles.
Ça rejoint un post que j’ai fait précédemment




Voilou !

code issu du yaml du TB
title: Maison
views:
  - icon: mdi:sine-wave
    title: Consommation Energie
    path: energie
    theme: iOS Light Mode
    badges: []
    cards:
      - type: entities
        entities:
          - label: 'Heures Creuses: 02h04-07h04 / 14h04-17h04'
            type: section
          - label: Journalière
            type: section
          - entity: sensor.linky_conso_par_jour
            type: custom:multiple-entity-row
            name: Hier
            show_state: false
            colonne: true
            entities:
              - entity: sensor.linky_conso_de_la_veille
                name: Conso
              - entity: sensor.linky_cout_de_la_veille
                name: Coût
          - entity: sensor.linky_cout_par_jour
            type: custom:multiple-entity-row
            name: Aujourd'hui
            show_state: false
            icon: hass:counter
            entities:
              - entity: sensor.linky_conso_par_jour
                name: Conso
              - entity: sensor.linky_cout_par_jour
                name: Coût
          - label: Hebdomadaire
            type: section
          - entity: sensor.linky_cout_par_semaine
            type: custom:multiple-entity-row
            name: Semaine en cours
            show_state: false
            icon: hass:counter
            entities:
              - entity: sensor.linky_conso_par_semaine
                name: Conso
              - entity: sensor.linky_cout_par_semaine
                name: Coût
          - label: Mensuelle
            type: section
          - entity: sensor.linky_cout_par_mois
            type: custom:multiple-entity-row
            name: Mois en cours
            show_state: false
            icon: hass:counter
            entities:
              - entity: sensor.linky_conso_par_mois
                name: Conso
              - entity: sensor.linky_cout_par_mois
                name: Coût
          - label: Annuelle
            type: section
          - entity: sensor.linky_cout_par_an
            type: custom:multiple-entity-row
            name: Année en cours
            show_state: false
            icon: hass:counter
            entities:
              - entity: sensor.linky_conso_par_an
                name: Conso
              - entity: sensor.linky_cout_par_an
                name: Coût
          - label: Temps réel
            type: section
          - entity: sensor.puissance_apparente
            icon: mdi:power-plug
            name: Puissance instantanée
          - entity: sensor.intensite_instantanee
            icon: mdi:lightning-bolt-circle
            name: Intensité instantanée
          - entity: input_number.prix_du_kwh_linky
            icon: mdi:currency-eur
            name: Prix du Kwh
        show_header_toggle: false
        title: 'Linky: Consommation électrique'
      - type: entities
        entities:
          - label: 'Heures Creuses: 02h04-07h04 / 14h04-17h04'
            type: section
          - label: Journalière
            type: section
          - entity: sensor.linky_cout_par_jour
            type: custom:multiple-entity-row
            name: Aujourd'hui
            show_state: false
            icon: hass:counter
            entities:
              - entity: sensor.linky_conso_par_jour
                name: HC + HP
              - entity: sensor.linky_conso_par_jour_hc
                name: HC
              - entity: sensor.linky_conso_par_jour_hp
                name: HP
          - label: Hebdomadaire
            type: section
          - entity: sensor.linky_cout_par_semaine
            type: custom:multiple-entity-row
            name: Semaine en cours
            show_state: false
            icon: hass:counter
            entities:
              - entity: sensor.linky_conso_par_semaine
                name: HC + HP
              - entity: sensor.linky_conso_par_semaine_hc
                name: HC
              - entity: sensor.linky_conso_par_semaine_hp
                name: HP
          - label: Mensuelle
            type: section
          - entity: sensor.linky_cout_par_mois
            type: custom:multiple-entity-row
            name: Mois en cours
            show_state: false
            icon: hass:counter
            entities:
              - entity: sensor.linky_conso_par_mois
                name: HC + HP
              - entity: sensor.linky_conso_par_mois_hc
                name: HC
              - entity: sensor.linky_conso_par_mois_hp
                name: HP
          - label: Annuelle
            type: section
          - entity: sensor.linky_cout_par_an
            type: custom:multiple-entity-row
            name: Année en cours
            show_state: false
            icon: hass:counter
            entities:
              - entity: sensor.linky_conso_par_an
                name: HC + HP
              - entity: sensor.linky_conso_par_an_hc
                name: HC
              - entity: sensor.linky_conso_par_an_hp
                name: HP
          - label: Temps réel
            type: section
          - entity: sensor.heures_creuses_kwh
            name: Index HC
          - entity: sensor.heures_pleines_kwh
            name: Index HP
          - entity: sensor.puissance_apparente
            icon: mdi:power-plug
            name: Puissance instantanée
          - entity: sensor.intensite_instantanee
            icon: mdi:lightning-bolt-circle
            name: Intensité instantanée
          - entity: input_number.prix_du_kwh_linky
            icon: mdi:currency-eur
            name: Prix du Kwh
        show_header_toggle: false
        title: 'Linky: Consommation électrique'
      - type: vertical-stack
        cards:
          - type: custom:content-card-linky
            showIcon: true
            showHistory: true
            showPeakOffPeak: true
            showInTableUnit: false
            showDayPrice: true
            showDayPriceHCHP: false
            showDayHCHP: false
            nbJoursAffichage: '7'
            showMonthRatio: true
            showYesterdayRatio: true
            showError: true
            showPrice: true
            showCurrentMonthRatio: true
            showWeekRatio: true
            showTitreLigne: true
            titleName: Enedis myelectricaldata
            showTitle: true
            showEcoWatt: true
            showYearRatio: true
            showHeader: true
            entity: sensor.myelectricaldata_consumption_22231693149384
          - type: entities
            entities:
              - label: 'Heures Creuses: 02h04-07h04 / 14h04-17h04'
                type: section
              - label: Hebdomadaire
                type: section
              - entity: sensor.myelectricaldata_22231693149384
                type: custom:multiple-entity-row
                name: Semaine en cours
                show_state: false
                icon: hass:counter
                entities:
                  - entity: sensor.myelectricaldata_22231693149384
                    attribute: current_week
                    name: Conso
                  - entity: sensor.myelectricaldata_22231693149384_current_week_cost
                    name: Coût
              - entity: sensor.myelectricaldata_22231693149384
                type: custom:multiple-entity-row
                name: Semaine Dernière
                show_state: false
                icon: hass:counter
                entities:
                  - entity: sensor.myelectricaldata_22231693149384
                    attribute: last_week
                    name: Conso
                  - entity: sensor.myelectricaldata_22231693149384_last_week_cost
                    name: Coût
              - label: Mensuelle
                type: section
              - entity: sensor.myelectricaldata_22231693149384
                type: custom:multiple-entity-row
                name: Mois en cours
                show_state: false
                icon: hass:counter
                entities:
                  - entity: sensor.myelectricaldata_22231693149384
                    attribute: current_month
                    name: Conso
                  - entity: sensor.myelectricaldata_22231693149384_current_month_cost
                    name: Coût
              - entity: sensor.myelectricaldata_22231693149384
                type: custom:multiple-entity-row
                name: Mois Dernier
                show_state: false
                icon: hass:counter
                entities:
                  - entity: sensor.myelectricaldata_22231693149384
                    attribute: last_month
                    name: Conso
                  - entity: sensor.myelectricaldata_22231693149384_last_month_cost
                    name: Coût
              - label: Annuelle
                type: section
              - entity: sensor.myelectricaldata_22231693149384
                type: custom:multiple-entity-row
                name: Année en cours
                show_state: false
                icon: hass:counter
                entities:
                  - entity: sensor.myelectricaldata_22231693149384
                    attribute: current_year
                    name: Conso
                  - entity: sensor.myelectricaldata_22231693149384_current_year_cost
                    name: Coût
              - entity: sensor.myelectricaldata_22231693149384
                type: custom:multiple-entity-row
                name: Année Dernière
                show_state: false
                icon: hass:counter
                entities:
                  - entity: sensor.myelectricaldata_22231693149384
                    attribute: last_year
                    name: Conso
                  - entity: sensor.myelectricaldata_22231693149384_last_year_cost
                    name: Coût
            show_header_toggle: false
      - type: custom:apexcharts-card
        graph_span: 7d
        span:
          start: day
          offset: '-7d'
        header:
          show: true
          title: Coûts TTC des 7 derniers jours
          show_states: true
          colorize_states: true
        series:
          - entity: sensor.myelectricaldata_consumption_22231693149384
            yaxis_id: gauche
            name: Coût HP
            unit: €
            color: deepskyblue
            type: column
            group_by:
              duration: 1d
              func: max
            opacity: 0.8
            stroke_width: 4
            show:
              datalabels: true
            data_generator: >
              return entity.attributes.dailyweek.map((dailyweek, index) =>
              {     
                        return [new Date(dailyweek).getTime(), entity.attributes.dailyweek_costHP[index]];
                      });
          - entity: sensor.myelectricaldata_consumption_22231693149384
            yaxis_id: gauche
            name: Coût HC
            unit: €
            color: orange
            type: column
            group_by:
              duration: 1d
              func: max
            opacity: 0.8
            stroke_width: 4
            show:
              datalabels: true
            data_generator: >
              return entity.attributes.dailyweek.map((dailyweek, index) =>
              {     
                        return [new Date(dailyweek).getTime(), entity.attributes.dailyweek_costHC[index]];
                      });
          - entity: sensor.myelectricaldata_consumption_22231693149384
            yaxis_id: droite
            name: Coût total
            unit: €
            color: red
            type: line
            group_by:
              duration: 1d
              func: max
            opacity: 0.8
            stroke_width: 2
            show:
              datalabels: true
            data_generator: >
              return entity.attributes.dailyweek.map((dailyweek, index) =>
              {     
                        return [new Date(dailyweek).getTime(), entity.attributes.dailyweek_cost[index]];
                      });
        apex_config:
          xaxis:
            labels:
              show: true
          yaxis:
            - id: gauche
              min: 0
              max: 11
              opposite: true
              labels:
                show: false
            - id: droite
              min: 0
              max: 11
              opposite: false
              labels:
                show: true
          legend:
            show: false
          chart:
            stacked: true
      - type: custom:apexcharts-card
        graph_span: 7day
        span:
          start: day
          offset: '-6day'
        stacked: true
        header:
          show: true
          title: Linky Conso/Coût par Jour
          show_states: true
          colorize_states: true
        series:
          - entity: sensor.linky_conso_par_jour
            float_precision: 2
            type: column
            group_by:
              func: max
              duration: 1day
          - entity: sensor.linky_cout_par_jour
            float_precision: 2
            type: column
            group_by:
              func: max
              duration: 1day
      - type: iframe
        aspect_ratio: 80%
        url: >-
          https://hassio.cousindidier3.synology.me/api/hassio_ingress/bK76J5ovmz0-44r9tl6K8Fsqa4vLoEwUN1cRjFDQz7I/d/9m8pheYGz/linky?orgId=1&theme=light&viewPanel=2
      - type: custom:apexcharts-card
        graph_span: 4week
        span:
          start: day
          offset: '-21day'
        stacked: true
        header:
          show: true
          title: Linky Conso/Coût par Semaine
          show_states: true
          colorize_states: true
        series:
          - entity: sensor.linky_conso_par_semaine
            float_precision: 2
            type: column
            group_by:
              func: max
              duration: 7day
          - entity: sensor.linky_cout_par_semaine
            float_precision: 2
            type: column
            group_by:
              func: max
              duration: 7day
      - type: custom:apexcharts-card
        cache: false
        update_interval: 1h
        header:
          standard_format: true
          show: false
          title: Linky Consommation HP+HC 7j
          show_states: true
        span:
          end: day
        graph_span: 7d
        stacked: true
        apex_config:
          fill:
            opacity: 1
            type: gradient
            gradient:
              shade: light
              type: horizontal
          grid:
            show: true
          xaxis:
            axisBorder:
              show: false
            axisTicks:
              show: false
          yaxis:
            show: true
        series:
          - entity: sensor.linky_conso_par_jour
            type: column
            name: HC
            color: 5A6FE7
            opacity: 1
            group_by:
              duration: 1d
              func: diff
            show:
              datalabels: true
        card_mod:
          style: |
            ha-card {
              --ha-card-background: white;
              --ha-card-border-radius: 10px;
              --paper-item-icon-color: #6E6E6E;
              --paper-item-icon-active-color: #44739e;
            }
            ha-card > h1 {
              text-align: center;
            }
      - type: custom:apexcharts-card
        graph_span: 6month
        span:
          start: month
          offset: '-150 days'
        stacked: true
        header:
          show: true
          title: Linky Conso/Coût par Mois
          show_states: true
          colorize_states: true
        series:
          - entity: sensor.linky_conso_par_mois
            float_precision: 2
            type: column
            group_by:
              start_with_last: true
              func: max
              duration: 1month
          - entity: sensor.linky_cout_par_mois
            float_precision: 2
            type: column
            group_by:
              func: max
              duration: 1month
      - type: custom:apexcharts-card
        cache: true
        update_interval: 30min
        header:
          show: false
          standard_format: true
          title: Linky Consommation HP/HC 7j
          show_states: true
        span:
          end: day
        graph_span: 7d
        stacked: false
        apex_config:
          grid:
            show: true
          xaxis:
            axisBorder:
              show: false
            axisTicks:
              show: false
          yaxis:
            axisBorder:
              show: false
            axisTicks:
              show: false
          fill:
            opacity: 1
            type: gradient
            gradient:
              shade: light
              type: horizontal
        series:
          - entity: sensor.linky_conso_hc_jour
            type: column
            name: HC
            color: 5A6FE7
            opacity: 1
            group_by:
              duration: 1d
              func: diff
            show:
              datalabels: true
          - entity: sensor.linky_conso_hp_jour
            type: column
            name: HP
            color: EA4234
            unit: kWh
            opacity: 1
            group_by:
              duration: 1d
              func: diff
            show:
              datalabels: true
        card_mod:
          style: |
            ha-card {
              --ha-card-background: white;
              --ha-card-border-radius: 10px;
              --paper-item-icon-color: #6E6E6E;
              --paper-item-icon-active-color: #44739e;
            }
            ha-card > h1 {
              text-align: center;
            }
      - type: custom:apexcharts-card
        header:
          show: true
          title: Linky Consommation du jour HP/HC
          show_states: false
          colorize_states: true
        series:
          - entity: sensor.linky_conso_par_jour_hp
            name: HP
            color: rgb(58, 151, 244)
            float_precision: 1
          - entity: sensor.linky_conso_par_jour_hc
            name: HC
            color: green
            float_precision: 1
        span:
          end: day
        chart_type: donut
        apex_config:
          dataLabels:
            formatter: |
              EVAL:function(value) {
                return value.toFixed(1) + "%";
              }
          plotOptions:
            pie:
              donut:
                labels:
                  show: true
                  decimals: 2
                  total:
                    show: true
                    label: Total kWh
                    decimals: 2
      - type: custom:apexcharts-card
        cache: false
        update_interval: 1h
        header:
          standard_format: true
          show: false
          title: Linky Consommation HP/HC 7j
          show_states: true
        span:
          end: day
        graph_span: 7d
        stacked: true
        apex_config:
          fill:
            opacity: 1
            type: gradient
            gradient:
              shade: light
              type: horizontal
          grid:
            show: true
          xaxis:
            axisBorder:
              show: false
            axisTicks:
              show: false
          yaxis:
            show: true
        series:
          - entity: sensor.linky_conso_hc_jour
            type: column
            name: HC
            color: 5A6FE7
            opacity: 1
            group_by:
              duration: 1d
              func: diff
            show:
              datalabels: true
          - entity: sensor.linky_conso_hp_jour
            type: column
            name: HP
            color: EA4234
            opacity: 1
            group_by:
              duration: 1d
              func: diff
            show:
              datalabels: true
        card_mod:
          style: |
            ha-card {
              --ha-card-background: white;
              --ha-card-border-radius: 10px;
              --paper-item-icon-color: #6E6E6E;
              --paper-item-icon-active-color: #44739e;
            }
            ha-card > h1 {
              text-align: center;
            }
      - type: iframe
        url: >-
          https://hassio.cousindidier3.synology.me/api/hassio_ingress/bK76J5ovmz0-44r9tl6K8Fsqa4vLoEwUN1cRjFDQz7I/d/9m8pheYGz/linky?orgId=1&theme=light&viewPanel=11&kiosk
        aspect_ratio: 80%
      - type: iframe
        url: >-
          https://hassio.cousindidier3.synology.me/api/hassio_ingress/bK76J5ovmz0-44r9tl6K8Fsqa4vLoEwUN1cRjFDQz7I/d/9m8pheYGz/linky?orgId=1&theme=light&viewPanel=10&kiosk
        aspect_ratio: 80%
      - type: custom:apexcharts-card
        graph_span: 6month
        span:
          start: month
          offset: '-150 days'
        stacked: true
        header:
          show: true
          title: Baie Informatique Conso/Coût par Mois
          show_states: true
          colorize_states: true
        series:
          - entity: sensor.linky_conso_par_mois
            float_precision: 2
            type: column
            group_by:
              start_with_last: true
              func: max
              duration: 1month
          - entity: sensor.linky_cout_par_mois
            float_precision: 2
            type: column
            group_by:
              func: max
              duration: 1month
      - type: custom:apexcharts-card
        header:
          show: true
          title: Comparaison Semaine
        graph_span: 4w
        apex_config:
          legend:
            position: top
        span:
          start: day
          offset: '-21day'
        series:
          - entity: sensor.linky_conso_par_semaine
            offset: '-1w'
            type: column
            transform: return x*1
            unit: KWh
            group_by:
              func: max
              duration: 1w
          - entity: sensor.linky_conso_par_semaine
            type: column
            transform: return x*1
            unit: KWh
            group_by:
              func: max
              duration: 1w
      - type: custom:apexcharts-card
        header:
          show: true
          title: Comparaison Jour
        graph_span: 1w
        apex_config:
          legend:
            position: top
        span:
          end: isoWeek
        series:
          - entity: sensor.linky_conso_par_jour
            offset: '-1w'
            type: column
            transform: return x*1
            unit: KWh
            group_by:
              func: diff
              duration: 24h
          - entity: sensor.linky_conso_par_jour
            type: column
            transform: return x*1
            unit: KWh
            group_by:
              func: diff
              duration: 24h
  - theme: Backend-selected
    title: Suivi Ernergie
    path: linky
    icon: mdi:desktop-tower-monitor
    badges: []
    cards:
      - cards:
          - cards:
              - color: rgb(44, 109, 214)
                color_type: label-card
                name: Alimentation Baie Informatique ( TV-IP410 & POE )
                type: custom:button-card
            type: horizontal-stack
          - cards:
              - max: 200
                min: 0
                name: conso Actuelle
                severity:
                  green: 0
                  red: 180
                  yellow: 120
                theme: default
                type: gauge
                entity: sensor.baie_informatique_power
                needle: true
              - min: 0
                name: conso Journalière
                theme: default
                type: gauge
                max: 3.5
                severity:
                  green: 0
                  yellow: 2.7
                  red: 3
                entity: sensor.baie_informatique_conso_jour
                needle: true
              - name: conso Total
                theme: default
                type: gauge
                max: 1000
                needle: true
                entity: sensor.baie_informatique_energy
            type: horizontal-stack
        type: vertical-stack
      - type: entities
        entities:
          - entity: sensor.baie_informatique_power
            name: Consommation en cours
            icon: mdi:power-plug
          - label: Journalière
            type: section
          - entity: sensor.baie_informatique_cout_par_jour
            type: custom:multiple-entity-row
            name: Aujourd'hui
            show_state: false
            icon: hass:counter
            entities:
              - entity: sensor.baie_informatique_daily_energy
                name: Conso
              - entity: sensor.baie_informatique_cout_par_jour
                name: Coût
          - label: Hebdomadaire
            type: section
          - entity: sensor.baie_informatique_cout_par_semaine
            type: custom:multiple-entity-row
            name: Semaine en cours
            show_state: false
            icon: hass:counter
            entities:
              - entity: sensor.baie_informatique_weekly_energy
                name: Conso
              - entity: sensor.baie_informatique_cout_par_semaine
                name: Coût
          - label: Mensuelle
            type: section
          - entity: sensor.baie_informatique_cout_par_mois
            type: custom:multiple-entity-row
            name: Mois en cours
            show_state: false
            icon: hass:counter
            entities:
              - entity: sensor.baie_informatique_monthly_energy
                name: Conso
              - entity: sensor.baie_informatique_cout_par_mois
                name: Coût
          - label: Annuelle
            type: section
          - entity: sensor.baie_informatique_cout_par_an
            type: custom:multiple-entity-row
            name: Année en cours
            show_state: false
            icon: hass:counter
            entities:
              - entity: sensor.baie_informatique_yearly_energy
                name: Conso
              - entity: sensor.baie_informatique_cout_par_an
                name: Coût
        show_header_toggle: false
        title: 'Baie informatique: Consommation'
      - type: entities
        entities:
          - type: divider
            style:
              background: center / contain url("/local/icones/onduleur.png")
              background-repeat: no-repeat;
              background-size: 30%
              height: 75px
          - entity: automation.batterie_onduleur_hs
          - entity: sensor.ups_input_voltage
          - entity: sensor.ups_battery_voltage
          - entity: sensor.ups_nominal_real_power
          - entity: sensor.ups_battery_charge
          - entity: sensor.ups_batterie_autonomie
          - entity: sensor.ups_status
        title: Onduleur (APC BX700U)
      - type: iframe
        url: >-
          https://hassio.cousindidier3.synology.me/api/hassio_ingress/bK76J5ovmz0-44r9tl6K8Fsqa4vLoEwUN1cRjFDQz7I/d/FJ4Koum4z/consommation-baie-informatique?orgId=1&refresh=5s&theme=light&viewPanel=19
        aspect_ratio: 90%
      - type: custom:apexcharts-card
        graph_span: 6month
        span:
          start: month
          offset: '-150day'
        stacked: true
        header:
          show: true
          title: Baie Informatique Conso/Coût par Mois
          show_states: true
          colorize_states: true
        series:
          - entity: sensor.baie_informatique_monthly_energy
            float_precision: 2
            type: column
            group_by:
              func: max
              duration: 1month
          - entity: sensor.baie_informatique_cout_par_mois
            float_precision: 2
            type: column
            group_by:
              func: max
              duration: 1month
      - type: custom:apexcharts-card
        graph_span: 4week
        span:
          start: day
          offset: '-21day'
        stacked: true
        header:
          show: true
          title: Baie Informatique Conso/Coût par Semaine
          show_states: true
          colorize_states: true
        series:
          - entity: sensor.baie_informatique_weekly_energy
            float_precision: 2
            type: column
            group_by:
              func: max
              duration: 7day
          - entity: sensor.baie_informatique_cout_par_semaine
            float_precision: 2
            type: column
            group_by:
              func: max
              duration: 7day
      - type: custom:apexcharts-card
        graph_span: 7day
        span:
          start: day
          offset: '-6day'
        stacked: true
        header:
          show: true
          title: Baie Informatique Conso/Coût par Jour
          show_states: true
          colorize_states: true
        series:
          - entity: sensor.baie_informatique_conso_jour
            float_precision: 2
            type: column
            group_by:
              func: max
              duration: 1day
          - entity: sensor.baie_informatique_cout_par_jour
            float_precision: 2
            type: column
            group_by:
              func: max
              duration: 1day


Super merci bcp. Je regarde demain j’aurais peut être des questions sur certains sensors.