Es tut sich was: Die lange vernachlässigte Verlauf in Home Assistant bekommt zahlreiche Verbesserungen. Mit dem 2025-01 Release bekommen die Charts unter anderem eine rudimentäre Zoom - Funktion. Rudimentär, denn aktuell kann bei mehreren Charts nur ein Chart gezoomt werden. Und das Scrollen zu einem älteren Bereich ist aktuell auch noch nicht möglich. Die derzeit verwendete Chart-Library Chart.js erreicht zunehmend ihre Leistungsgrenzen. Neue Features wie das dynamische Laden von Daten und das effiziente Verknüpfen mehrerer Charts erfordern möglicherweise den Einsatz einer leistungsfähigeren Library. Eine potenzielle Alternative zu Chart.js ist die Library ECharts. Diese bietet erweiterte Funktionalitäten und eine bessere Performance für komplexe Aufgabenstellungen und größere Datenmengen.

Chart Zoom-Funktion

Der erste Pull-Request für die Zoom-Funktion ist im Release 2025.1 enthalten. Dies stellt einen wichtigen Schritt zur Modernisierung des Verlaufs dar. Als nächster logischer Schritt sollte die Funktion zur Auswahl eines älteren Zeitraums implementiert werden. Ebenso wichtig ist die Synchronisierung des Zoomstatus über alle Charts hinweg, wenn im Verlauf oder im Energie-Dashboard mehrere Charts angezeigt werden. Auch die Möglichkeit, einen Zeitbereich für beliebige Lovelance-Karten festzulegen, würde eine erhebliche Verbesserung darstellen.

Über die Datumsbereich-Auswahl?

Alternativ könnte der Zeitbereich auf Basis des Date-Pickers, ähnlich den Vor- und Zurück Buttons, angepasst werden: 

Mithilfe der Buttons kann der Zeitbereich ohne weiteres vergrößert werden und bei Anzeige mehrerer Charts besitzen alle dieselbe Start- und Endzeit. Einen entsprechenden Pull-Request dafür habe ich eingebracht.

Chart-Library: Chart.js vs. ECharts?

Januar 2025: Die Entwickler von Home Assistant testen aktuell gerade die Chart-Library: ECharts.

Vorteile durch einen möglichen Umstieg zu ECharts:

• Verknüpfte Charts: ECharts unterstützt nativ die Erstellung von verknüpften Charts. Beispielsweise kann das Zoomen in einem Diagramm automatisch entsprechende Daten in einem anderen aktualisieren.
• Dynamisches Laden von Daten: ECharts bietet effiziente Möglichkeiten zum dynamischen Laden von Daten. Daten können während der Laufzeit aktualisiert werden, ohne das Diagramm neu zu rendern, was die Anzeige interaktiv und flüssig gestaltet.
• Leistungsstark für große Datenmengen: ECharts zeigt eine herausragende Leistung beim Umgang mit großen Datenmengen. Die Grafik-Rendering-Engine wurde optimiert, um eine schnelle Darstellung ohne Latenzen zu ermöglichen.
• Vielfalt an Chart-Typen: ECharts bietet eine große Auswahl an vordefinierten Chart-Typen und erlaubt tiefgehende Individualisierungsmöglichkeiten.

Alternative Cards

• Plotly-Graph
  • Vorteil: flexibel inkl. der Möglichkeit historische Daten zu visualisieren
  • Nachteile:
    • Advanced Konfig in YAML
    • keine Datumsauswahl vorhanden
    • kann ohne der Anlage eines eigenen Dashboards nicht direkt von einer beliebigen Entität aufgerufen werden

Relevante Kommunikation / Feature-Request auf Github

• https://community.home-assistant.io/t/wth-cant-we-zoom-in-on-the-history-graph/222391
• https://community.home-assistant.io/t/wth-cant-i-zoom-in-or-out-on-history-graphs/467734
• https://community.home-assistant.io/t/wth-can-t-i-zoom-in-or-out-on-history-graphs/802568
• Datumsauwahl für Plotly-Graph? https://github.com/dbuezas/lovelace-plotly-graph-card/discussions/513
• EChart-Tree: https://github.com/home-assistant/frontend/tree/echarts

Pull-Requests

• inital Zoom-Funktion https://github.com/home-assistant/frontend/pull/23183
• Reset Buttons: https://github.com/home-assistant/frontend/pull/23469
• über den Date-Picker: https://github.com/home-assistant/frontend/pull/23358