Energy-First? Energie-Dashboard: beliebig anpassen

Preview Energy-First? Energie-Dashboard: beliebig anpassen

Das Home Assistant Energie-Dashboard bietet direkt nach der Installation einen umfassenden Überblick über den Energieverbrauch, ist jedoch in seinen Anpassungsmöglichkeiten zunächst stark begrenzt. Spannend ist jedoch der aktuelle Trend, dessen exklusive Features – wie den Energie-Datepicker – für allgemeine Dashboards freizugeben.

Energie-Dashboard = Sammlung spezieller Lovelace Karten

Allgemein ist das Energie-Dashboard eine Sammlung spezieller Karten. Eingebettet im Energie-Dashboard ermöglichen diese mit minimalem Konfigurationsaufwand out of the box eine wirklich gute Übersicht, leider aber mit sehr wenigen Anpassungsmöglichkeiten. Versteht mich nicht falsch: Das Dashboard ist großartig und ich verwende es jeden Tag, dennoch steigt bei mir mit längerer Nutzung der Wunsch ein paar Kleinigkeiten anzupassen oder ergänzen zu können. Das integrierte Energie-Dashboard kann zwar nicht geändert, dafür aber in einer eigenen Ansicht nachgebaut und damit angepasst werden.

Energie-Karten in einer eigenen Ansicht

Die Karten des Energie-Dashboards können in einer beliebigen anderen Ansicht verwendet werden.

Mit den folgenden Beispielen kann das Energie-Dashboard komplett nachgebaut werden und damit nahezu beliebig angepasst oder erweitert werden:

Energie-Datumsauswahl

type: energy-date-selection
collection_key: energy_1

Mit dem optionionalen Key "collection_key" kann der Date-Picker mit bestimmten Cards verknüpft werden. Dazu einfach den Collection_key auch auf den folgenden Cards hinzufügen.

✓
Die Datumsauswahl kann auch für Statistikdiagramme verwendet werden,
siehe: Statistikdiagramm: Datum / Zeit Auswahl

Energieverbrauchsgrafik

type: energy-usage-graph
collection_key: energy_1
title: Stromnutzung

Diagramm zur Solarproduktion

type: energy-solar-graph
collection_key: energy_1
title: PV-Erzeugung

Gasverbrauchsdiagramm

type: energy-gas-graph
collection_key: energy_1
title: Gasverbrauch

Wasserverbrauchsdiagramm

type: energy-water-graph
collection_key: energy_1
title: Wasserverbrauch

Energie-Verteilung

type: energy-distribution
link_dashboard: false
collection_key: energy_1
title: Energieverteilung

Energiequellen-Tabelle

type: energy-sources-table
collection_key: energy_1
types: grid,gas,overview,battery,solar,water
show_only_totals: true
title: Quellen

Stromquellen

type: power-sources-graph
collection_key: energy_1
title: Stromquellen
show_legend: false

Netzneutralitätsanzeige

type: energy-grid-neutrality-gauge
collection_key: energy_1

Solarverbrauchsanzeige

type: energy-solar-consumed-gauge
collection_key: energy_1

Autarkiegrad

type: energy-self-sufficiency-gauge
collection_key: energy_1

Energiediagramm für Geräte

type: energy-devices-graph
max_devices: 7
collection_key: energy_1

Detail-Geräte-Energiediagramm

type: energy-devices-detail-graph
collection_key: energy_1
title: Detailverbrauch Einzelgeräte
max_devices: 5

Sankey-Diagramm: Energiefluss

type: energy-sankey
collection_key: energy_1
title: Energiefluss

Aktueller Leistungsfluss

type: power-sankey
collection_key: energy_0
title: Aktueller Leistungsfluss

Meldung Daten vergleichen

type: energy-compare
collection_key: energy_1

Die Meldung erscheint bei der Auswahl "Daten vergleichen"

Kohlenstoffverbrauch

type: energy-carbon-consumed-gauge
collection_key: energy_1

Weitere Karten für beliebige Entitäten

Statistikdiagramm

Für die Statistikdiagramm-Karte existiert eine Möglichkeit mit den Home Assistant Board-Mitteln eine Karte mit der Energie-Datumsauswahl zu synchronisieren und beliebige Entitäten mit aktiver Statistik zu verwenden:

chart_type: bar
type: statistics-graph
entities:
  - sensor.heating_heat_energy
title: Heizung-Energie
stat_types:
  - change
hide_legend: false
collection_key: energy_1
energy_date_selection: true

Statistik

type: statistic
entity: sensor.water_value
stat_type: change
collection_key: energy_1
period: energy_date_selection

Must-have HACS-Karte: energy-custom-graph-card

Wesentlich mehr Flexibilität als die Statistikdiagramm-Karte bietet die HACS-Karte: energy-custom-graph-card. Auch diese Karte synchronisiert die Energie-Datumsauswahl, verwendet die integrierte ECharts-Instanz - was ein natives Styling mit minimalem Overhead liefert - und die Charts können direkt im grafischen Editor zusammengestellt werden. Für aggregierte Statistiken können der Typ (Veränderung, Summe, Mittelwert, Minimum, Maximum, Zustand) sowie die Reihen individuell ausgewählt werden inklusive der Möglichkeit die Daten mit einem anderen Zeitraum zu vergleichen.

Die Installation der Karte erfolgt über HACS, durch Angabe eines benutzerdefinierten Repositories:

SoftwareEnergy-custom-graph
GitHubhttps://github.com/Thyraz/energy-custom-graph
aktuelle Version 0.5.0
gefunden04.01.2026

 

Datum fixieren

Mithilfe der HACS-Integration: card-mod ist es möglich den Date-Picker in der Ansicht zu fixieren:

type: energy-date-selection
collection_key: energy_1
card_mod:
  style: |
    ha-card {
        position: fixed;
        z-index: 3;
        margin-top: -10px;
        height: 40px!important; 
        width: 500px;
        max-width:100%;
        margin-right: auto;
        margin-left: auto;transition: none !important;
     }
grid_options:
  columns: full
  min-rows: 0.6
  rows: 0.6
âš 
Update 16.1.2026: Style geändert auf ha-card and height: 40px!important; 
Mit den jüngsten Home Assistant Versionen funktioniert der Selector .type-energy-date-selection nicht mehr.

Kritik: Energy-First? vs. universelle Karte für die Datumsauswahl?

Warum existiert für Home Assistant nicht eine universelle Karte für die Datumsauswahl?

Der Energie-Datepicker funktionierte zunächst bedauerlicherweise nur mit den Energie-Karten. An dieser Stelle hat es den Anschein, dass die Entwickler das Energie-Dashboard schnell veröffentlichen wollten, ohne den Unterbau dafür zu schaffen. Mit Unterbau meine ich Karten die universell für alle Dashboards eingesetzt werden können. Das Thema ist bekannt und daher gibt es beispielsweise auch ein Bestreben die Funktionalitäten für alle Karten zugänglich zu machen, siehe: Statistikdiagramm: Datum / Zeit Auswahl. Was aktuell bleibt ist der Name der Karte: "energy-date-selection". Wird die Karte nach und nach zu einer universellen Datums-Auswahl für beliebige Karten, verrät der Name der Karte "energy-" zumindest dessen Herkunft. 

Bekannte Fehlverhalten

Immer wieder mal wollte ich nicht die Statistik des letzten Kalenderjahres, sondern der letzten 365-Tage, was über den Datepicker nicht gerade mit einem Klick erledigt werden kann. Bei der Auswahl z. B. Mitte Dezember letzten Jahres bis Mitte Dezember dieses Jahres hatte ich dann bemerkt, dass sich die Berechnung der Statistiken aus zweimal den ganzen Dezember zusammensetzt: 13 Monate, was ein für mich komplett unerwartetes Verhalten ist. Ausgelöst dadurch, dass bei Zeitspannen größer ein Monat immer ganze Monate angezeigt werden und die Berechnung an die Anzeige gekoppelt ist. Aus diesem Grund habe ich einen Pull-Request auf GitHub erstellt: Bei einer Auswahl außerhalb eines ganzen Monats verwendet das Dashboard jetzt einzelne Tage: mehr eine schnelle Notlösung. In einem anderen Request habe ich zusätzliche Zeitabschnitte hinzugefügt: letzte 24 Stunden, letzte 30 Tage, letzte 365 Tage.

Für die Zeitspanne: letzte 12 Monate werden aktuell nur ganze Monate angezeigt, wodurch die Berechnung der Statistik stimmt. Anders bei der Anzeige der letzten 7 Tage: hier wird auch der aktuelle Tag herangezogen und spätestens beim Vergleich, wird dann ein ganzer Tag mit einem halben Tag verglichen:

Generell ist die Funktion "Daten vergleichen" nicht für alle Karten verfügbar, speziell neuere Karten zeigen meist nur die aktuelle Zeitspanne.

Quellen:

YouTube Video

Diesen Artikel als YouTube-Video:

Fazit

Das Energie-Dashboard in Home Assistant überzeugt durch spezialisierte Karten und eine strukturierte Übersicht, stößt jedoch bei der individuellen Anpassung an Grenzen. Aktuell gibt es Bestrebungen, Kernfunktionen – wie etwa den spezifischen Energie-Zeitraumwähler (Datepicker) – auch für andere Karten zu öffnen. Während das Modul bereits einen hohen Mehrwert bietet, liegt das größte Potenzial in einer gesteigerten Flexibilität und der systemweiten Integration seiner Funktionen.

positive Bewertung({{pro_count}})
Beitrag bewerten:
{{percentage}} % positiv
negative Bewertung({{con_count}})

DANKE für deine Bewertung!

Beitrag erstellt von Bernhard | Veröffentlicht: 13.01.2025 | Aktualisiert: 16.01.2026 | Translation English |🔔 | Kommentare:1

Fragen / Kommentare


(sortiert nach Bewertung / Datum) [alle Kommentare(am besten bewertete zuerst)]

✍Ronald
30.01.2026 13:37
Hallo, in einem Dashboard gibst du die Kosten pro Gerät an. Wie kann ich das machen, wenn ich einen dynamischen Vertrag habe, bei dem sich der Preis alle 15 Minuten ändert?

 
Durch die weitere Nutzung der Seite stimmst du der Verwendung von Cookies zu Mehr Details