Flex Table Card ersetzen

[roth24]

Ich baue aktuell mein PV / Energie Dashboard und möchte meine aktuell verwendeten Flex Table Cards ersetzen. Die Lösung über den Zonen Sensor ist mir zu umständlich wenn mal was angepasst werden soll. Wie kann ich denn alternativ das ganze lösen um eine ähnliche Ansicht zu bekommen?

Hier mal der Code aus der Verbraucher Table

Code Card

type: custom:flex-table-card
entities:
include: sensor.stromverbrauch_zonen
columns:

• name: Verbraucher
  id: name
  data: zonen
  modify: >
  ‘<ha-icon icon="’ + (x.name == ‘Bezug’ ? ‘mdi:transmission-tower’
  : x.name == ‘Keller’ ? ‘mdi:home-floor-negative-1’
  : x.name == ‘Heizung’ ? ‘mdi:heating-coil’
  : x.name == ‘Garage’ ? ‘mdi:garage’
  : x.name == ‘Erdgeschoss’ ? ‘mdi:home-floor-0’
  : x.name == ‘Obergeschoss’ ? ‘mdi:home-floor-1’
  : x.name == ‘Dachgeschoss’ ? ‘mdi:home-floor-2’
  : ‘mdi:home’)
  • ‘"
    style=“–mdc-icon-size:18px;margin-right:5px;color:var(–primary-text-color)”>’
  • x.name
• name: Tag
  id: tag
  data: zonen
  modify: >
  ‘<div onclick="this.dispatchEvent(new
  CustomEvent(‘hass-more-info’,{bubbles:true,composed:true,detail:{entityId:'’
  • x.tag_entity + ‘'}}))" style=“cursor:pointer”>’
    • x.tag.toFixed(1) + ’ kWh’
      align: right
• name: Monat
  id: monat
  data: zonen
  modify: >
  ‘<div onclick="this.dispatchEvent(new
  CustomEvent(‘hass-more-info’,{bubbles:true,composed:true,detail:{entityId:'’
  • x.monat_entity + ‘'}}))" style=“cursor:pointer”>’
    • x.monat.toFixed(0) + ’ kWh’
      align: right
• name: Jahr
  id: jahr
  data: zonen
  modify: >
  ‘<div onclick="this.dispatchEvent(new
  CustomEvent(‘hass-more-info’,{bubbles:true,composed:true,detail:{entityId:'’
  • x.jahr_entity + ‘'}}))" style=“cursor:pointer”>’
    • x.jahr.toFixed(0) + ’ kWh’
      align: right
      css:
      table+: ‘width: 100%;’
      tbody tr td+: ‘padding: 8px 8px;’
      card_mod:
      style: >
      ha-card { box-shadow: none !important; border: none !important; } table tr,
      table td, table th, tbody tr:nth-child(odd), tbody tr:nth-child(even) {
      background: none !important; background-color: transparent !important;
      }

Zonensensor

  - name: "Stromverbrauch Zonen"
    unique_id: stromverbrauch_zonen
    state: "ok"
    attributes:
     zonen: >
       [
        {
          'name': 'Bezug',
          'entity': 'sensor.bezug',
          'aktuell': {{ states('sensor.bezug') | float(0) }},
          'tag': {{ states('sensor.bezug_strom_tag') | float(0) }},
          'tag_entity': 'sensor.bezug_strom_tag',
          'monat': {{ states('sensor.verbrauch_strom_haus_monat') | float(0) }},
          'monat_entity': 'sensor.verbrauch_strom_haus_monat',
          'jahr': {{ states('sensor.verbrauch_strom_haus_jahr') | float(0) }},
          'jahr_entity': 'sensor.verbrauch_strom_haus_jahr'
         },
        {
          'name': 'Keller',
          'entity': 'sensor.keller',
          'aktuell': {{ states('sensor.keller') | float(0) }},
          'tag': {{ states('sensor.verbrauch_strom_keller_tag') | float(0) }},
          'tag_entity': 'sensor.verbrauch_strom_keller_tag',
          'monat': {{ states('sensor.verbrauch_strom_keller_monat') | float(0) }},
          'monat_entity': 'sensor.verbrauch_strom_keller_monat',
          'jahr': {{ states('sensor.verbrauch_strom_keller_jahr') | float(0) }},
          'jahr_entity': 'sensor.verbrauch_strom_keller_jahr'
         },
        {
          'name': 'Heizung',
          'entity': 'sensor.heizung',
          'aktuell': {{ states('sensor.heizung') | float(0) }},
          'tag': {{ states('sensor.verbrauch_strom_heizung_tag') | float(0) }},
          'tag_entity': 'sensor.verbrauch_strom_heizung_tag',
          'monat': {{ states('sensor.verbrauch_strom_heizung_monat') | float(0) }},
          'monat_entity': 'sensor.verbrauch_strom_heizung_monat',
          'jahr': {{ states('sensor.verbrauch_strom_heizung_jahr2') | float(0) }},
          'jahr_entity': 'sensor.verbrauch_strom_heizung_jahr2'
         },
        {
          'name': 'Garage',
          'entity': 'sensor.garage',
          'aktuell': {{ states('sensor.garage') | float(0) }},
          'tag': {{ states('sensor.verbrauch_strom_garage_tag') | float(0) }},
          'tag_entity': 'sensor.verbrauch_strom_garage_tag',
          'monat': {{ states('sensor.verbrauch_strom_garage_monat') | float(0) }},
          'monat_entity': 'sensor.verbrauch_strom_garage_monat',
          'jahr': {{ states('sensor.verbrauch_strom_garage_jahr') | float(0) }},
          'jahr_entity': 'sensor.verbrauch_strom_garage_jahr'
         },
        {
          'name': 'Erdgeschoss',
          'entity': 'sensor.erdgeschoss',
          'aktuell': {{ states('sensor.erdgeschoss') | float(0) }},
          'tag': {{ states('sensor.verbrauch_strom_eg_tag') | float(0) }},
          'tag_entity': 'sensor.verbrauch_strom_eg_tag',
          'monat': {{ states('sensor.verbrauch_strom_eg_monat') | float(0) }},
          'monat_entity': 'sensor.verbrauch_strom_eg_monat',
          'jahr': {{ states('sensor.verbrauch_strom_eg_jahr') | float(0) }},
          'jahr_entity': 'sensor.verbrauch_strom_eg_jahr'
         },
        {
          'name': 'Obergeschoss',
          'entity': 'sensor.obergeschoss',
          'aktuell': {{ states('sensor.obergeschoss') | float(0) }},
          'tag': {{ states('sensor.verbrauch_strom_og_tag') | float(0) }},
          'tag_entity': 'sensor.verbrauch_strom_og_tag',
          'monat': {{ states('sensor.verbrauch_strom_og_monat') | float(0) }},
          'monat_entity': 'sensor.verbrauch_strom_og_monat',
          'jahr': {{ states('sensor.verbrauch_strom_og_jahr') | float(0) }},
          'jahr_entity': 'sensor.verbrauch_strom_og_jahr'
         },
        {
          'name': 'Dachgeschoss',
          'entity': 'sensor.dachgeschoss',
          'aktuell': {{ states('sensor.dachgeschoss') | float(0) }},
          'tag': {{ states('sensor.verbrauch_strom_dg_tag') | float(0) }},
          'tag_entity': 'sensor.verbrauch_strom_dg_tag',
          'monat': {{ states('sensor.verbrauch_strom_dg_monat') | float(0) }},
          'monat_entity': 'sensor.verbrauch_strom_dg_monat',
          'jahr': {{ states('sensor.verbrauch_strom_dg_jahr') | float(0) }},
          'jahr_entity': 'sensor.verbrauch_strom_dg_jahr'
         },
        {
          'name': 'Gesamt',
          'entity': 'sensor.verbrauch_strom_haus',
          'aktuell': {{ states('sensor.verbrauch_strom_haus') | float(0) }},
          'tag': {{ states('sensor.verbrauch_strom_haus_tag_brutto') | float(0) }},
          'tag_entity': 'sensor.verbrauch_strom_haus_tag_brutto',
          'monat': {{ states('sensor.verbrauch_strom_haus_monat_brutto') | float(0) }},
          'monat_entity': 'sensor.verbrauch_strom_haus_monat_brutto',
          'jahr': {{ states('sensor.verbrauch_strom_haus_jahr_brutto') | float(0) }},
          'jahr_entity': 'sensor.verbrauch_strom_haus_jahr_brutto'
         }
        ]

[rapahl]

Hallo roth24,
es gibt da ja viele Möglichkeiten, um diese Zahlen darzustellen.
Du hast ja schon für jeden Verbraucher die Sensoren für Tag/Monat/Jahr. Ich verstehe da nicht so recht den Umweg über die “flex-table-card” und den Zonen. Und mit Zahlen die immer nur den angefangenen Zeitraum anzeigen könnte ich auch nichts anfangen. Ohne jeden Bezug auf irgendwas. ich persönlich würde schon gerne wissen wollen, wie der Monat oder das Jahr zu anderen Zeiträumen stehen. Aber Du wirst Dir schon was dabei gedacht haben.
Ich selbst nutze für alle Sensoren/Entitäten, die rechnen sollen, die “entity-row-card.” Die kann man auch mit card_mod/uix wunderbar anpassen.
Z.B. für die Solarprognosen mit Farben je nach Prognosehöhe:

type: entities
entities:
  - type: custom:template-entity-row
    icon: ''
    name: null
    state: "{{ (states ('sensor.solarprog_mittel_heute')| float(0) )|round(1) }} kWh am\_ {{ ['Montag','Dienstag','Mittwoch','Donnerstag','\_\_Freitag','Samstag','Sonntag'][now().weekday()]}}"
  - type: custom:template-entity-row
    icon: ''
    name: null
    state: "{{ (states ('sensor.solarprog_mittel_morgen')| float(0) )|round(1) }} kWh  am  {{ ['Montag','Dienstag','Mittwoch','Donnerstag','\_\_Freitag','Samstag','Sonntag'][now().weekday()-6] }}"
show_header_toggle: false
uix:
  style: |
    ha-card {
      background: #010111; !important;
      --ha-card-border-radius: 10px;
      --ha-card-border-color: darkgreen;
      --ha-card-border-width: 1px;
      --card-mod-icon-color: #253F3F;
      color: #F8F8FF;
          color:
            {% if states('sensor.solarprog_mittel_heute') | int(0) >= 40 %} 
            #edec29
            {% elif states('sensor.solarprog_mittel_heute') | int(0) >= 25 %}
            #80ea6b
            {% elif states('sensor.solarprog_mittel_heute') | int(0) >= 17 %}
            #63e6c8
            {% elif states('sensor.solarprog_mittel_heute') | int(0) >= 6.9 %}
            #c98d2a
            {% elif states('sensor.solarprog_mittel_heute') | int(0) >= 4 %}
            #2eb8da
            {% else %}
            #2376d9
            {% endif %}
            ;
         }

Vor ein paar HA-Updates kamen ja noch die HA-eigenen Cards dazu. Damit kann man recht einfach und hübsch Daten und Grafiken in das eigene Dashboard hinzufügen. Und viele extra Verbraucher kann man da auch im HA-Dashboard eingeben und darstellen.

Viele Diagramme und Daten kann man als HA-eigene Karte auswählen.

Ich persönlich habe auch monatliche und z.T. auch jährliche Sensoren/Helfer für alle möglichen Werte eingerichtet. Allerdings kann man auch aus dem HA-Energie-Dashboard die Werte prima in eine CSV exportieren. Aber sicher ist sicher.

Seit Anfang des Jahres nutze ich die HA-App “eedc.” Ist nicht schwer einzurichten und ich habe meine Verbraucher als “sonstige Verbraucher” untergebracht. Damit habe ich für jeden Tag/Monat/Jahr alle relevanten Daten auf einen Blick. Ich habe da mal alle Daten ab 2023 von Hand eingegeben (kann man auch importieren). Das Schöne ist an dieser App, das sie eine eigenen Datenbank hat und man leicht jederzeit Reparaturen oder Datenänderungen durchführen kann.
Tag u. Monat sieht bei mir dann so aus:

Tabellen gibt es auch:

Ich habe als kWh-Sensoren für eedc meine monatlichen Sensoren genutzt.
Und da ich auch fertige PDF-Berichte mit eedc erstellen kann, macht diese App alles, was ich mühsam über Tabellenkalkulationen gebastelt habe.

Alles außerhalb von eedc erstelle ich auch mit den konventionellen Cards.
Für die Tagesansicht nutze ich die mini-graph-card. Da sind Werte und Diagramme gleich mit drin.

Für eigene Diagramme nehme ich gerne die apex-chart-card (da aber den Fork).

Aber auch kleine Spielereien, wie die canvas-gauge-card nutze ich manchmal.

Kannst ja mal schauen, ob da was für Dich dabei ist. Sind halt nur Vorschläge.
Warte mal ab, da werden noch weitere Ideen kommen.

VG
Rainer