ApexCharts Card über Hacs installiert aber nicht nutzbar

Hallo zusammen,

ich wollte mir gerne ein Balkendiagramm anlegen und bin über ApexCharts Card gestolpert.

Das ganze war schnell in HACS installiert, aber wenn ich nun versuche über “neuer Abschnitt” und “zum Dashboard hinzufügen” wähle, dann wird mir unter “Karten” Apex gar nicht angeboten. Das gleiche habe ich auch mit Statistics Graph Chart Card versucht. Aber auch das kann ich dem Dashboard nicht hinzufügen.

Ich bin etwas ratlos, denn Neustart und Neuinstallation usw. hat nichts gebracht.

Kann mir hier jemand helfen?

Vielen Dank.

Grüße

Nicht nachvollziehbar, funktioniert hier sofort. Hast du deinen Browser neu geladen?

Ja, x-fach!

Was mir aufgefallen ist, dass neben HACS in der Seitenleiste das Icon verschwunden ist.

Dachte mir auch wie … ist der denn, und hab mir mal die flightradar aus HACS installiert.
Und ja sie ist im /config/www/community/ drin.
Aber HA erkennt sie nicht und wie du schreibst egal was man macht, browswer oder HA neu starten. Er kennt die Karten die er vor dem 2026.8.0 Update kannte, that’s it.

Ich habe eben erst aus “Verzweifelung” von 2026.7.4 auf 2026.8.1 geupdatet.

Aber weder mit der alten noch mit der neuen Version funzt es.

Nein, ich hab ApexCharts nur wegen dieses Threads eben installiert und HA hat die Karte erkannt.

Stimmt, die flightradar war wohl nicht der beste Test.
Mit ner anderen Karte aus HACS funktionierts problemlos wie immer.

@Knallfrosch
im ordner /config/www/community/ befindet sich aber der Ordner apexcharts-card samt Inhalt oder ?

Im Ordner gibt es 2 Dateien apexcharts-card.js und apexcharts-card.js.gz

In der 2. Datei gibt es aber nur folgende Zeile:

‘utf-8’ codec can’t decode byte 0x8b in position 1: invalid start byte

Die 2te ist nur das archiv in dem die js (javascript) Datei steckt. Das ist ok so.

Keine Ahnung welchen Webbrowser zu benutzt. Mal angenomenn es ist Chrome. Drücl F12, dann mit der rechten Maustaste oben links auf das Reload-Icon (links von der URL) und da dann entweder den 2t Eintrag (Hard Reload) oder wenn das nicht hilft den dritten Eintrag.
Danach die Entwicklertools recht mit dem X wieder schliessen

Hallo, ich nutze eigentlich Firefox.

Bin aber deiner Empfehlung mit dem Chrome gefolgt.

Leider funktioniert es auch damit nicht.

Ich sitze da nun schon seit mehreren Stunden dran und komme einfach nicht weiter.

hast du mal geschaut unter
Einstellungen>Dashboards>dann oben rechts auf die 3 Punkte>und Ressourcen anklicken. Taucht dort die apexcharts-card.js irgendwo auf in der Liste?

Gibts irgendwelche Einträge im Log ?

Das hatte ich bei Home Assistant auch schon mal und bin zuerst ebenfalls bei Neustart und Neuinstallation hängen geblieben. Bei HACS-Karten ist aber wichtig: Die Installation allein bedeutet nicht, dass sie im normalen Karten-Dialog auftauchen muss. Bei ApexCharts wird die Karte normalerweise über „Manuell“ bzw. YAML hinzugefügt, indem man den entsprechenden Kartentyp einträgt. Wenn der Ressourcen-Eintrag fehlt, kann außerdem der Browser noch die alte Version laden. Einmal Cache bzw. Frontend komplett neu laden wäre daher mein nächster Versuch.

Es gab unter Ressourcen keinen Eintrag, außer einem älteren und nicht mehr genutzten.

Ich habe dann mal meine config ergänzt mit:

resources:

  • url: /homeassistant/www/community/mini-graph-card/mini-graph-card-bundle.js?v=0.12.1
    type: module
  • url: /homeassistant/www/community/apexcharts-card/apexcharts-card.js
    type: module

Nun sehe ich diese url unter Ressourcen, komme damit aber immer noch nicht weiter.

Schneller Start oder richtiger Neustart ?

Kompletter Neustart. Habe sogar schon mehrfach die virtuelle Maschine neu gestartet auf der HA läuft.

Wenn ich versuche eine Karte mit dem yaml-Code anzulegen kommt: Custom element doesn’t exist: apexcharts-card.

Ist doch verrückt……

Nein, empfohlen (und damit normalerweise) ist die Installation über HASC. Das hat bei @Knallfrosch aber nicht funktioniert.

Es gibt dann noch die Methoden “Manual install” und “CLI install”. Wurde beides denn mal probiert?

irgendwie ein resourcen Problem warum auch immer.

Wenn ich es richtig gelesen habe PROXMOXt du ja, sprich zu hast zugriff auf den /config/.storage Ordner auch wenn HA nicht läuft.
Ansonsten hätte ich gesagt Samba oder was ähnliches.

Du könntest mal in /config/.storage/ gehen und die Datei lovelace_resources kopieren und dann mal z.B. alle items ausser der apexcharts löschen.
Wenn HA aus ist, sonst baut er die ja neu.
Dann starten (deine meinsten Karten funktionieren dann nicht. Ist halt ne Unsitte das man Resourcen nur deleten aber nicht disablen kann, aber warum sollte ide Devs auch mal sinnvolle Dinge einbauen anstatt sich in der GUI zu verewigen?

Wenn es dann immer noch nicht geht könntest du die lovelace_resources vermutlich auch komplett löschen, sie müsste eigentlich neu (dann ohne Inhalte) erstellt werden.
Interessant wäre dann was passiert wenn du entweder
a) einzelne Einträge wieder zufügst (aus der kopie der Datei)
oder
b) diverse Karten die du neben Apex und Statistics… hatte und die funktioniert haben wieder erneut über HACS zufügst.

Aber nicht erschrecken das sieht dann logischerweise erstmal sehr fehlerbehaftet aus wenn kaum eine Karte mangels Resource überhaupt noch lädt.
Im schlimmsten Fall hast du ja einen Snapshot (dank Proxmox) oder ein HA Backup gehe ich mal von aus. :slight_smile:

Aber es wäre mal interessant ob es wirklich ein Resourcenproblem ist, vielleicht ist ja eine der js Dateien buggy oder überaltert oder oder oder.

Uff, bin mir nicht sicher ob ich so tief einsteigen will.

Bin sowieso aktuell ziemlich genervt wegen der “verschwendeten” Zeit und absolut keine Lösung erkennbar ist.

Natürlich vielen Dank für eure Hilfe, also bitte nicht falsch verstehen.

HA läuft bei mir auf einer Synology NAS.

Ich überlege schon, ob ich eine neue HA Instanz aufsetze und dann mal teste, was passiert. Aber eigentlich fehlt mir dazu die Zeit.

Wirklich ärgerlich.

Für heute muss ich Feierabend machen, sonst beiße ich in den Bildschirm. :wink:

Hi, versuche doch mal diesen Fork. Ist erst vor Kurzem gepflegt worden. Im Text steht noch ein Hinweis für einen configuration.yaml - Eintrag.
Kann man über HACS als auch manuell installieren. Ich persönlich nutze kein HACS und muss immer manuell installieren.
https://github.com/dewi-ny-je/apexcharts-card
Funktioniert bei mir einwandfrei.