# 📉 Detailed Charts Panel - Interaktive High-Performance Charts für Home Assistant - HACS

**URL:** <https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775>\
**Category:** HACS Integration\
**Tags:** custom-card, charts, hacs, homeassistant\
**Created:** [11. Januar 2026 um 19:07 UTC](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775 "2026-01-11T19:07:50Z")\
**Posts on this page:** 20\
**Page:** 7

<div class="post-metadata">

**Author:** ![SchokoHome](https://community-smarthome.com/user_avatar/community-smarthome.com/schokohome/32/9039_2.png) [@SchokoHome](https://community-smarthome.com/u/SchokoHome)\
**Post date:** [9. Februar 2026 um 15:54 UTC](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775/122 "2026-02-09T15:54:15Z")

</div>

Wenn ich deine Beschreibung lese und sie mit deinem Bild Vergleiche, fehlt dir ein Ordner. –\>\> detailed-charts-panel

---

<div class="post-metadata">

**Author:** ![jayjojayson](https://community-smarthome.com/user_avatar/community-smarthome.com/jayjojayson/32/639_2.png) [@jayjojayson](https://community-smarthome.com/u/jayjojayson)\
**Post date:** [9. Februar 2026 um 15:57 UTC](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775/123 "2026-02-09T15:57:42Z")

</div>

Ja zeige mal bitte per Screenshot deine Ordnerstruktur. 🙂

EDIT: wie sieht deine angelegte detailed-charts-views.js aus?

Füge mal diese Code ein und speichere sie:

```auto
/* detailed-charts-views.js */
/* Hier können Ansichten definiert werden, die auf allen Geräten verfügbar sind.
   Diese Ansichten werden im Panel mit einem Schloss-Symbol angezeigt 
   und können nicht über die GUI gelöscht werden.
*/

export const sharedViews = [
    
	/* Code hier drunter einfügen */
	

];

```

Browser Cache resetten und nochmal testen bitte.

---

<div class="post-metadata">

**Author:** ![mafe68](https://community-smarthome.com/user_avatar/community-smarthome.com/mafe68/32/3049_2.png) [@mafe68](https://community-smarthome.com/u/mafe68)\
**Post date:** [9. Februar 2026 um 18:10 UTC](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775/124 "2026-02-09T18:10:38Z")

</div>

So habe mir jetzt mal das ganze angeschaut und habe auf meinen Testsystem Detailed Charts Panel installiert so wie es im Wiki beschrieben! Da war das noch nicht drauf, dann habe ich die zwei Ordnerstrukturen verglichen und die stimmen mit meinem produktiven System überein! Testsystem funktioniert es, am produktiven System nicht und man bekommt die Fehlermeldung. Auch nach einem Neustart des System und auch Cache löschen immer noch das selbe.  
Erst nach dem erstellen von detailed-charts-views.js und dem Eintrag

```auto
/* detailed-charts-views.js */
/* Hier können Ansichten definiert werden, die auf allen Geräten verfügbar sind.
   Diese Ansichten werden im Panel mit einem Schloss-Symbol angezeigt 
   und können nicht über die GUI gelöscht werden.
*/

export const sharedViews = [
    
	/* Code hier drunter einfügen */
	

];

```

hat es funktioniert! Komisch ist aber am Testsystem habe ich nichts gemacht außer die Installation gemacht dort geht es sofort!  
Hier noch Bilder von der Ordnerstruktur Bild Hintergrund weiß Testsystem Schwarz produktives System

 ![Bildschirmfoto zu 2026-02-09 18-09-45](https://community-smarthome.com/uploads/default/original/2X/0/0b47321916f85e0d55288728f43980e730aa63ee.png)  
 ![Bildschirmfoto zu 2026-02-09 18-08-41](https://community-smarthome.com/uploads/default/original/2X/0/0f6cde0ab7c42797689cca7505d36662346fef60.png)

---

<div class="post-metadata">

**Author:** ![jayjojayson](https://community-smarthome.com/user_avatar/community-smarthome.com/jayjojayson/32/639_2.png) [@jayjojayson](https://community-smarthome.com/u/jayjojayson)\
**Post date:** [10. Februar 2026 um 00:05 UTC](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775/125 "2026-02-10T00:05:25Z")

</div>

Hi, ich hatte es schon angesprochen, anbei das neue Update v\_2.5. Ihr könnt euch jetzt über den Bars in den kleinen Charts die Werte anzeigen lassen (wie im Video schon gezeigt). Ansonsten habe noch einige Fixes gemacht, für das Design der Card auf dem Dashboard und Charts Fixes allgemein.

 ![image](https://community-smarthome.com/uploads/default/original/2X/e/e065cbdd3c8baaa2a444063a4219f68ca20166e4.png)

 ![image](https://community-smarthome.com/uploads/default/original/2X/0/0ef62661f8152f253e36f93d7593b4be85745558.png)

* * *

ZUM THEMA `detailed-charts-views.js`. Die Datei wird aber sofort unter `/www/` gespeichert.  
`/www/detailed-charts-views.js`  
Ich habe sie in diesem Update wieder integriert, so dass sie am richtigen Platz abgelegt wird. Bei zukünftigen Updates ist die Datei dann nicht mehr enthalten und wir in diesem Ordner „www“ auch bei Updates nicht aktualisiert! Das ist dann euer fester Speicher in Zukunft. 🙂

* * *

UPDATE v\_2.5 Details:

**1. Bar Values Display („Werte anzeigen“)**

- Zustand wird pro Sensor gespeichert und wiederhergestellt
- Bleibt beim Zoom-Reset erhalten

**2. Button-Neuanordnung**

- „+“ Button entfernt
- Neue Reihenfolge: Farbauswahl → Löschen → Card+ → Kopie → Speichern

**3. Dashboard Card-Mode Layout**

- Abstände zwischen/unter Charts auf 10px reduziert
- Letzter Chart hat keinen unteren Abstand mehr

**4. Panel-Mode**

- Hauptdiagramm-Höhe wird gespeichert und wiederhergestellt
- Auch nach Speicherung eurer View sollte der Hauptchart jetzt die Höhe beibhalten

> **Wenn du gespeicherte Views in deiner `detailed-charts-views.js`-Datei hast, erstelle vor dem Update unbedingt ein Backup dieser Datei!**  
> Mit diesem Update befindet sich die Datei detailed-charts-views.js zukünftig unter  
> `/www/detailed-charts-views.js`.

> **Du musst den Cache deines Browsers oder der Companion-App leeren!**

---

<div class="post-metadata">

**Author:** ![PeterB](https://community-smarthome.com/user_avatar/community-smarthome.com/peterb/32/349_2.png) [@PeterB](https://community-smarthome.com/u/PeterB)\
**Post date:** [10. Februar 2026 um 09:07 UTC](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775/126 "2026-02-10T09:07:50Z")

</div>

Guten Morgen,  
also ich habe nun das Update auf 2.5 gemacht, habe den Browsercache gelöscht, HA auch neu gestartet, alles ohne Erfolg. Dann habe ich jeweils eine Datei „detailed-charts-view.js“ direkt unter „www“, dann unter „www/community“ und dann noch unter „www/community/detailed-charts-panel“ erstellt und jeweils gestetet, auch ohne Erfolg.  
Die Ordnerstruktur entspricht genau der von mafe68.

Kann irgendwer sagen, welche Schritte man genau abarbeiten muss um dies alles komplett neu aufzusetzen? Oder was man genau in welchen Ordner kopieren oder erstellen muss?  
Danke

---

<div class="post-metadata">

**Author:** ![geloeschterUser1](https://community-smarthome.com/letter_avatar_proxy/v4/letter/g/bb73d2/32.png) [@geloeschterUser1](https://community-smarthome.com/u/geloeschterUser1)\
**Post date:** [10. Februar 2026 um 10:07 UTC](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775/127 "2026-02-10T10:07:49Z")

</div>

Ist bei mir auch noch so, mit dem Vivaldi Browser unter Windows 11, mit dem FF unter Windows 11 gibt es keine Probleme.  
Unter Linux mit dem Vivaldi Browser gibt es kein Problem, beim FF sowieso nicht.

Vivaldi nutzt als Unterbau Chrome 144.0.7559.114, alle Addons sind die selben, in Linux sowie in Windows.

Hier Linux mit Vivaldi

 ![2026-02-10_11-02](https://community-smarthome.com/uploads/default/original/2X/7/7e98ccacd64eb6aaf2a240db593189c163a5eda5.png)

---

<div class="post-metadata">

**Author:** ![mafe68](https://community-smarthome.com/user_avatar/community-smarthome.com/mafe68/32/3049_2.png) [@mafe68](https://community-smarthome.com/u/mafe68)\
**Post date:** [10. Februar 2026 um 11:07 UTC](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775/128 "2026-02-10T11:07:38Z")

</div>

Meine Ordnerstruktur sieht bei mir jetzt so aus nach dem ich die detailed-charts-views.js erstellt habe mit dem Eintrag von oben! Nach einem Neustart hat es dann funktioniert von der v.2.3 → v. 2.4  
Welchen Browser verwendest du?

 ![Bildschirmfoto zu 2026-02-09 19-15-21](https://community-smarthome.com/uploads/default/original/2X/7/7876cf752c9fe4c3a3a106e405287f09e0bf1d38.png)

---

<div class="post-metadata">

**Author:** ![PeterB](https://community-smarthome.com/user_avatar/community-smarthome.com/peterb/32/349_2.png) [@PeterB](https://community-smarthome.com/u/PeterB)\
**Post date:** [10. Februar 2026 um 12:38 UTC](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775/129 "2026-02-10T12:38:16Z")

</div>

Ich benutze Chrome unter MacOS.

---

<div class="post-metadata">

**Author:** ![PeterB](https://community-smarthome.com/user_avatar/community-smarthome.com/peterb/32/349_2.png) [@PeterB](https://community-smarthome.com/u/PeterB)\
**Post date:** [10. Februar 2026 um 13:04 UTC](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775/130 "2026-02-10T13:04:42Z")

</div>

So, jetzt habe ich alles einmal komplett entfernt, auch geprüft ob der Ordner und die Dateien gelöscht wurden. HA neu gestartet, Den Browsercache gelöscht. Dann komplett neu installiert. Und jetzt läuft es wieder…

---

<div class="post-metadata">

**Author:** ![SchokoHome](https://community-smarthome.com/user_avatar/community-smarthome.com/schokohome/32/9039_2.png) [@SchokoHome](https://community-smarthome.com/u/SchokoHome)\
**Post date:** [10. Februar 2026 um 16:28 UTC](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775/131 "2026-02-10T16:28:09Z")

</div>

Bei mir unter Win11 geht es wunderbar.

 ![image](https://community-smarthome.com/uploads/default/original/2X/a/ace532f69ee5af00f5ed7d25664524e450978ac4.png)

![]()

---

<div class="post-metadata">

**Author:** ![geloeschterUser1](https://community-smarthome.com/letter_avatar_proxy/v4/letter/g/bb73d2/32.png) [@geloeschterUser1](https://community-smarthome.com/u/geloeschterUser1)\
**Post date:** [10. Februar 2026 um 16:37 UTC](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775/132 "2026-02-10T16:37:11Z")

</div>

Habe ich auch nicht 🙂  
Nein, spass mit dem Vivaldi sieht das bei mir unter Windos 11 so aus:

 ![2026-02-10_10-58](https://community-smarthome.com/uploads/default/original/2X/3/3c59666e15d6802733bc2bbb250fd177fd513c44.png)

Selbes System (Win11) mit dem FF:

 ![2026-02-10_17-33](https://community-smarthome.com/uploads/default/original/2X/b/bb67db8fff15d4ade74702f0447204c1f090504b.png)

Eindeutig ein Problem des Vivaldi Browseres unter Win11, da es mit dem gleichen Browser unter Linux kein Problem gibt.

Ich werde aber hier nicht meinen Browser in Windows ändern oder den Vivaldi neu Aufsetzen da ich das Addon nicht nutze, getestet ja, aber mir fehlt die wirkliche Anwendung dafür, nutze lieber

 ![2026-02-10_17-36](https://community-smarthome.com/uploads/default/original/2X/f/fc057f5aafd79d8b52411071e4fb62e1e4e9d717.png)

🙂

---

<div class="post-metadata">

**Author:** ![SchokoHome](https://community-smarthome.com/user_avatar/community-smarthome.com/schokohome/32/9039_2.png) [@SchokoHome](https://community-smarthome.com/u/SchokoHome)\
**Post date:** [10. Februar 2026 um 16:44 UTC](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775/133 "2026-02-10T16:44:20Z")

</div>

Teste mal die local Adresse: [http://homeassistant.local:8123/detailed-charts-panel](http://homeassistant.local:8123/detailed-charts-panel)

Was Vivaldi mich schon Nerven gekostet hat ^^ Statt im Web zu suchen für den HomeButton …. 🤣

---

<div class="post-metadata">

**Author:** ![geloeschterUser1](https://community-smarthome.com/letter_avatar_proxy/v4/letter/g/bb73d2/32.png) [@geloeschterUser1](https://community-smarthome.com/u/geloeschterUser1)\
**Post date:** [10. Februar 2026 um 16:54 UTC](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775/134 "2026-02-10T16:54:34Z")

</div>

> [@SchokoHome](#):
>
> Teste mal die local Adresse: [http://homeassistant.local:8123/detailed-charts-panel](http://homeassistant.local:8123/detailed-charts-panel)

Passt 👍

Bleibe aber bei der IP-Version, da ich meine „wichtigsten“ Programme, Server an ihrer IP Identifiziere, kann mir Nummern besser merken wie „homeassistant o. openmediavault“ und lässt sich auch schneller Tippen 🙂

---

<div class="post-metadata">

**Author:** ![jayjojayson](https://community-smarthome.com/user_avatar/community-smarthome.com/jayjojayson/32/639_2.png) [@jayjojayson](https://community-smarthome.com/u/jayjojayson)\
**Post date:** [10. Februar 2026 um 16:58 UTC](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775/135 "2026-02-10T16:58:57Z")

</div>

Ich habe mir gerade mal vivaldi installiert und funktioniert bei mir auch damit sehr gut. Nur zur Info.

 ![image](https://community-smarthome.com/uploads/default/original/2X/4/4345afc5c967c4dec03fd961814116538cae266b.png)

@geloeschterUser1 kannst dir auch gerne mal die Dashboard-Card anschauen. Die hat jetzt auch ein Update erhalten und damit solltest du auf dem Dashboard direkt auch schöne Charts erstellen können.

---

<div class="post-metadata">

**Author:** ![mafe68](https://community-smarthome.com/user_avatar/community-smarthome.com/mafe68/32/3049_2.png) [@mafe68](https://community-smarthome.com/u/mafe68)\
**Post date:** [10. Februar 2026 um 17:04 UTC](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775/136 "2026-02-10T17:04:00Z")

</div>

> [@jayjojayson](#):
>
> Ich habe mir gerade mal vivaldi installiert und funktioniert bei mir auch damit sehr gut. Nur zur Info.

Bei einer Neuinstallation vom Browser, wird es auch keine Probleme geben erst wenn es um den Cache geht, dann wird es sein! Ich vermute mal das da nicht alles gelöscht wird und dadurch dann die Probleme entstehen!

---

<div class="post-metadata">

**Author:** ![geloeschterUser1](https://community-smarthome.com/letter_avatar_proxy/v4/letter/g/bb73d2/32.png) [@geloeschterUser1](https://community-smarthome.com/u/geloeschterUser1)\
**Post date:** [10. Februar 2026 um 17:05 UTC](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775/137 "2026-02-10T17:05:17Z")

</div>

> [@jayjojayson](#):
>
> Dashboard direkt auch schöne Charts erstellen können.

Daran liegt es nicht, ich bekomme keine Infos, mehr wie „rein- und rausscorllen“ geht nicht, in den Diagrammen, kann ich mir unterschiedliche Zeiten anzeigen lassen, Grafen sind schön, aber nur für eine Woche zu wenig Infos 🙂  
Darum habe ich nicht die richtige Anwendung dafür…

 ![2026-02-10_18-05](https://community-smarthome.com/uploads/default/original/2X/2/226fe9cf81fe586518942bd83fbadab08402f9cb.png)

---

<div class="post-metadata">

**Author:** ![mafe68](https://community-smarthome.com/user_avatar/community-smarthome.com/mafe68/32/3049_2.png) [@mafe68](https://community-smarthome.com/u/mafe68)\
**Post date:** [10. Februar 2026 um 17:11 UTC](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775/138 "2026-02-10T17:11:36Z")

</div>

> [@geloeschterUser1](#):
>
> kann ich mir unterschiedliche Zeiten anzeigen lassen, Grafen sind schön, aber nur für eine Woche zu wenig Infos

Das kann man auch in den Chart machen, das man sich verschiedene Zeitbereich anzeigen lassen kann! Per Datumseingabe kannst den Bereich machen wie groß du den haben möchtest!

---

<div class="post-metadata">

**Author:** ![geloeschterUser1](https://community-smarthome.com/letter_avatar_proxy/v4/letter/g/bb73d2/32.png) [@geloeschterUser1](https://community-smarthome.com/u/geloeschterUser1)\
**Post date:** [10. Februar 2026 um 17:16 UTC](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775/139 "2026-02-10T17:16:27Z")

</div>

> [@mafe68](#):
>
> Das kann man auch in den Chart machen, das man sich verschiedene Zeitbereich anzeigen lassen kann! Per Datumseingabe kannst den Bereich machen wie groß du den haben möchtest!

Es wird sicher so sein, ich habe nur zwei „Charts“ erstellt für den Heizölverbrauch, ich habe aber auch in der kürze keinen Schalter gefunden wo ich die Zeiten ändern könnte, aber da ich dafür (bis heute) immer den FF verwenden musste und das nicht „mein“ Browser ist, habe ich mich auch nur recht wenig damit Beschäftigt 🙂

---

<div class="post-metadata">

**Author:** ![MarzyHA](https://community-smarthome.com/user_avatar/community-smarthome.com/marzyha/32/11668_2.png) [@MarzyHA](https://community-smarthome.com/u/MarzyHA)\
**Post date:** [10. Februar 2026 um 17:22 UTC](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775/140 "2026-02-10T17:22:02Z")

</div>

Ich denke auch, es liegt am Browsercache! Wenn du die hostname-Variante öffnest, funktioniert es, weil der Cache leer ist. Versuche den nochmal richtig zu leeren 🙂

---

<div class="post-metadata">

**Author:** ![mafe68](https://community-smarthome.com/user_avatar/community-smarthome.com/mafe68/32/3049_2.png) [@mafe68](https://community-smarthome.com/u/mafe68)\
**Post date:** [10. Februar 2026 um 17:23 UTC](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775/141 "2026-02-10T17:23:07Z")

</div>

> [@geloeschterUser1](#):
>
> aber da ich dafür (bis heute) immer den FF verwenden musste und das nicht „mein“ Browser ist, habe ich mich auch nur recht wenig damit Beschäftigt

Sind ja hier auch User die den Vivaldi verwenden und es auch dort geht! Mal den kompletten Cache löschen, dann wird es auch gehen!

[Vorherige Seite](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775.md?page=6)

[Nächste Seite](https://community-smarthome.com/t/detailed-charts-panel-interaktive-high-performance-charts-fuer-home-assistant-hacs/9775.md?page=8)