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

[Master67]

Siehe mein Edit oben

[Master67]

@jayjojayson

Sehr schön, dann viel Spaß beim basteln..

Danke…

Bin mir aber noch nicht sicher was ich damit machen soll

Ich habe schon so viele Grafen und drei eDashboards… mal sehen was ich dafür noch finden kann.
Wäre das ein bisschen früher gekommen…

[meins57]

Danke. Hatte es gestern mit zurück wischen probiert, wollte nicht klappen. Darum meinen Text hier. Ich war wohl zu blöd. Heute klappt es natürlich

Edit: Ist eine sehr coole Integration

Leider nichts für mich. Der Grund ist nicht deine Arbeit sondern meine Faulheit🫣 Ich baue mir die Sachen zu 99% am Macbook zusammen. So müsste ich das ganze 3 mal machen. Macbook, Handy (App) und Wandtablet (Fully Kiosk).

[jayjojayson]

@meins57

So müsste ich das ganze 3 mal machen. Macbook, Handy (App) und Wandtablet (Fully Kiosk).

Das stimmt so nicht! Du kannst die Ansichten in der views.js speichern und dann auf allen Geräten abrufen. Den Weg erkläre ich auch ausführlich im Wiki. Darüber hinaus kannst du auch „nur“ eine Dashboard Card erstellen und die wäre auch ganz normal auf allen Geräten vorhanden. Schaut euch bitte in Ruhe das Wiki an.

https://jayjojayson.github.io/detailed-charts-panel/#/saving

[meins57]

ok dann war ich wohl zu voreilig. Dann muss ich mal etwas mehr lesen

[MartyBr]

Der Link funktioniert bei mir leider nicht

[mafe68]

Welchen Link meinst du? GitHub - jayjojayson/detailed-charts-panel: 📉 Detailed Charts (Bars, Lines, Donuts) for Home Assistant Sidebar

[jayjojayson]

Der Link funktioniert wieder. Ich weiß nicht, warum das wiki manchmal einfach aussteigt. Habe einfach nur intern eine Seite aktualisiert und nun geht es wieder.

[meins57]

Ich bin nicht den Weg über

panel_custom:
  - name: detailed-charts-panel
    sidebar_title: Detailed Charts
    sidebar_icon: mdi:chart-bell-curve-cumulative
    module_url: /local/community/detailed-charts-panel/detailed-charts-panel.js

gegangen.

Wollte die Charts nicht so überfüllen. Neues Dashboard angelegt was in der Seitenleiste angezeigt wird. Da dann einzelne Ansichten angelegt. So kann man schnell zwischen den Sachen hin und her wechseln die man sehen möchte. Ist jetzt nur mal auf die Schnelle zusammen geklickt um zu testen ob es mir gefällt.

[TheBeatWalker]

Hi. Ich habe das Panel gestern bei mir hinzugefügt.

Bei einem meiner Messdaten sieht die Linie so aus:

Die Schlaufe in der Zeitachse sollte es so nicht geben. Wenn ich weiter reinzoome sieht es dann so aus:

Es sind drei Messpunkte im abstand von einer Minute vorhanden. Weil die Grafik geschwungene Linien verwendet kommt es zu dieser Überschneidung wenn weiter rausgezoomt wird.

Ansonsten gefällt mir das Panel gut. Weiss nicht ob das korrigiert werden muss/soll/kann

[MarzyHA]

Ich habe das Projekt jetzt mal ein wenig getestet. Unglaublich, wie viel Aufwand du da hineingesteckt hast! Das ist ja eine vollumfängliche Dashboard-Card und eine eigene seperate UI, die ebenfalls sehr viele Funktionen hat.
Das ist echt tolle Arbeit
Ich werde heute Nachmittag erstmal ein paar Dashboards/ Views bauen, auch wenn ich tatsächlich garnicht so viele Sensoren zum Visualisieren habe

[mafe68]

Schöne ist daran, das man wirklich alles so erstellen kann wie man es haben möchte und das mit wenigen Klicks!

[jayjojayson]

Moin, ich werde mir mal Mühe geben und am Wochenende ein Video für die Benutzung erstellen, dann denke ich wird vieles besser verständlich sein. Eigentlich ist die Handhabung wirklich ganz einfach gelöst.

@meins57 ich arbeite an der mobil Implementierung, so dass auf dem Handy und Tablet ein Topmenu vorhanden ist, wenn die Seitenleiste ausgeblendet wird.

@TheBeatWalker Ja die Kantenglättung der Linie verursacht das in diesem Fall. Ich finde Kantenglättung schon gut, aber manchmal ist sie auch hinderlich. Über das Seitenmenü kannst du diese nach deinen Wünschen anpassen.

@MarzyHA Ja da steckt wirklich einiges dahinter und war für mich nicht leicht, so etwas auf die Beine zustellen. Die vollumfängliche Dashboard Card ist erst seit der letzten Version enthalten, das war auch ziemlich kompliziert, die Einstellungen aus dem Panel korrekt in der Card zu übernehmen.

Ich freue mich wenn es euch gefällt und auch wirklich aktiv genutzt werden kann.

[TheBeatWalker]

Ah! Jetzt habe ich gesehen, dass dieses Verhalten mit dem Parameter ‘LINIEN-GLäTTUNG (0-5)’ zusammenhängt. Standartwert ist 4. Dann gibt’s die Überschneidung. Also auf 0 setzten, dann gibts harte Ecken und alles sieht korrekt aus.

[meins57]

@jayjojayson

Ich arbeite an der mobil Implementierung, so dass auf dem Handy und Tablet ein Topmenu vorhanden ist, wenn die Seitenleiste ausgeblendet wird.

für mich passt das so mit eigenen Dashboard dafür zu erstellen. So kann ich das schön nach Themen aufteilen.

[jayjojayson]

Ich mache trotzdem eins.. Ist ja für alle anderen bestimmt auch mal interessant vorab zu sehen, was, wie möglich ist.

[meins57]

schon klar das du das trotzdem machst

[mafe68]

Wenn er sich was in den Kopf setzt zieht er das auch durch!

[meins57]

Dann hör ich jetzt erst mal auf zu basteln. Nachher gefällt mir was Jan da baut doch besser und ich fange von Vorne an

[Caipijoe]

Das schaut wirklich super aus und da ich vor einigen Tagen mit dem Umzug von Grafana über den iobroker zu HA mit einen Kopf gemacht habe, vermute ich dass mit dieser Lösung das ganze einfacher für mich ist.

Wirklich eine tolle Leistung, vielleicht macht ja jemand ein YouTube Video damit, gibt bestimmt Klicks ohne Ende