Neues YouTube-Video: Visualisierung im Devices-Adapter

[bolliy]

Neue Testversion sun2000 Adapter Version v2.5.0 released.

Die Installation erfolgt über npm oder morgen über das Beta Repository.

Es gibt einige Neuerungen im Statistik-Modul, die ich kurz vorstellen möchte.

Live-Chart

Neu ist ein Live-Chart (statistics.jsonLive), der alle 1-15 Minuten aktualisiert wird. (in der Adapter-Konfiguration unter dem Reiter Statistik eingestellbar)
Im Gegensatz zu den anderen Charts zeigt er keine kWh-Werte, sondern die durchschnittliche Leistung in kW pro Intervall — also ähnlich wie ein Echtzeit-Zähler. Die Daten werden für 48 Stunden aufbewahrt und
danach automatisch gelöscht.

Der Live-Chart ist direkt über FlexCharts nutzbar:

http://[ioBroker-ip]:8082/flexcharts/echarts.html?source=state&id=sun2000.0.statistics.flexCharts.jsonOutput.live

---

Consumption Breakdown — Hausverbrauch runterbrechen

Mit dem Consumption Breakdown lässt sich der gemessene Hausverbrauch in beliebig viele Unterkategorien aufteilen — zum Beispiel Wärmepumpe, Wallbox, Waschmaschine oder sonstige Verbraucher.
Die Breakdown-Werte werden als zusätzliche gestapelte Balken/Linien im unteren Panel jedes Charts angezeigt.

Wie funktioniert es?

Der Adapter liest die konfigurierten Quell-States (Verbrauchszähler) aus ioBroker (auch aus anderen Adaptern, mqtt, Tibberlink usw.) und zieht deren Werte vom Gesamtverbrauch ab. Im Chart erscheinen dann:

• die einzelnen Breakdown-Kategorien (z.B. Wärmepumpe, Wallbox)
• ein Restverbrauch (Consumption) — das ist der Hausverbrauch minus alle Breakdown-Werte

Die Summe aller Verbräuche im unteren Panel entspricht dem gemessenen Gesamtverbrauch.

Konfiguration

Die Konfiguration erfolgt über den State statistics.dataDef.consumptionBreakdown (beschreibbar,
Typ string, Rolle json). Dort wird ein JSON-Array eingetragen, das die Unterkategorien beschreibt.

Ein Beispiel mit zwei Einträgen:

[
  {
    "sourceId": "hm-rpc.0.OEQ1234567.1.ENERGY_COUNTER",
    "targetPath": "washingMachine",
    "name": "Waschmaschine",
    "gain": 1000,
    "color": "#e91e63",
    "type": "delta"
  },
  {
    "sourceId": "0_userdata.0.heatpump.energyToday",
    "targetPath": "heatPump",
    "name": "Wärmepumpe",
    "color": "#3f51b5",
    "type": "deltaReset"
  }
]

Was bedeuten die Felder?

Feld	Pflicht	Standard	Beschreibung
sourceId	X	—	State-ID des Quell-States in ioBroker (auch aus anderen Adaptern)
targetPath	X	—	Interner Name (darf nicht mit eingebauten Namen wie consumption, solarYield usw. kollidieren!)
name	X	—	Anzeigename in der Chart-Legende
gain	—	1	Teiler für den Rohwert — z.B. 1000 wenn der State in Wh geliefert wird, der Chart aber kWh erwartet
color	—	automatisch	Farbe der Serie als Hex-Code
type	—	delta	deltaReset (laufende Differenz mit automatischer Erkennung einer Zählerrückstellung/Reset), delta (laufende Differenz) oder level (Momentanwert)

---

Kleinere Verbesserungen

• Die Tooltip-Anzeige wurde vereinheitlicht — alle Serien zeigen Werte mit korrekter
  Einheit (kWh oder kW je nach Chart-Typ).
• Falls keine Batterie vorhanden ist, werden die Charts ohne Batterie-Information (SOC, charge, discharge) aufgebaut.

---

Alle Details, Placeholder-Übersichten und Template-Beispiele gibt es im Wiki:
https://github.com/bolliy/ioBroker.sun2000/wiki/Statistk-(statistics)

Feedback und Fragen gerne hier im Thread! 🙂

[bolliy]

ab der Adapter sun2000 Version 2.5.0 wird node.js nur noch in der Version >= 22.x unterstützt. Hier findet ihr die node.js Update-Anleitung für euren ioBroker.

[bolliy]

@Samson71 sollte nun auch ohne Speicher funktionieren. Bitte testen!
LG Stephan

[bolliy]

Wenn ihr an die flexChart-Url ein &sse anhängt wird die automatische Diagrammaktualisierungen aktiviert.
Der Browser hält eine dauerhafte Verbindung zum Server aufrecht und aktualisiert das Diagramm sobald sich die Quelldaten ändern – ohne Neuladen der Seite.

Z.B. für das Live-Chart würde die url folgendermaßen aussehen:

http://[ioBroker-ip]:8082/flexcharts/echarts.html?source=state&id=sun2000.0.statistics.flexCharts.jsonOutput.live&sse

Siehe:
https://github.com/MyHomeMyData/ioBroker.flexcharts#event-triggered-chart-refresh-sse

[Samson71]

@bolliy sagte:

@Samson71 sollte nun auch ohne Speicher funktionieren. Bitte testen!

2.5.0 problemlos installiert. Instanz grün. Ich werde berichten.

Danke für Deine unermüdlichen Verbesserungen! Das ist echt bemerkenswert. Vom Engagement her fast schade, dass ich mich schlussendlich doch gegen ein allumfassendes Huawei-System entschieden habe.

[hm_krause]

Ein Top Adapter.
Könnte man die Kopfzeilen noch ins deutsche Übersetzen?

[bolliy]

@hm_krause meinst du die Kopfzeilen aus den Statistik-Diagrammen - oder wo?

[hm_krause]

In dem Live-Chart

[bolliy]

@hm_krause

danke, dass dir der Adapter gefällt :)
Hier meine Anwort mit freundlicher Unterstützung durch die ai ;)

Du hast folgende Möglichkeit, um die Beschriftungen selbst anzupassen:

1. Eigenes Chart-Template verwenden

Für jeden Chart-Typ existiert ein eigener, schreibbarer State:

statistics.flexCharts.template.live
statistics.flexCharts.template.hourly
statistics.flexCharts.template.daily
statistics.flexCharts.template.weekly
statistics.flexCharts.template.monthly
statistics.flexCharts.template.annual

Wenn du dort {"command": "createTemplateFromBuiltin"} als Wert setzt, erzeugt der Adapter automatisch eine Kopie des eingebauten Templates (inklusive aller Platzhalter wie %%solarYield%%, %%xAxisData%% etc.) und schreibt sie in den State zurück. Diese Kopie kannst du dann bearbeiten und z.B. die Werte unter legend.data, title.text, yAxis[].name oder die Serien-Namen (series[].name) auf Deutsch übersetzen.

2. Wichtige Punkte beim Anpassen

• Die Platzhalter (%%...%%) müssen als Strings mit den umgebenden Anführungszeichen erhalten bleiben, da sie zur Laufzeit durch die berechneten Daten/Funktionen ersetzt werden.
• Achte darauf, dass die Reihenfolge bzw. Zuordnung der Serien (name) zu den Datenplatzhaltern (data: '%%...%%') nicht verändert wird – nur den name-Text übersetzen, nicht den Platzhalter.
• Funktionen wie valueFormatter, formatter etc. werden als String gespeichert und beim Laden wieder in Funktionen umgewandelt – hier kannst du z.B. die Einheit ("kWh" → ggf. andere Bezeichnung) im Formatter-Code anpassen.

3. Nach dem Bearbeiten

Sobald du den Template-State (mit ack: false) speicherst, wird das Chart automatisch neu aufgebaut und der Output-State statistics.flexCharts.jsonOutput.<typ> aktualisiert – die Visualisierung (z.B. Flexcharts-Widget) übernimmt dann deine übersetzten Bezeichnungen.

Weitere Informationen zum Statistik-Modul des sun2000 Adapters: https://github.com/bolliy/ioBroker.sun2000/wiki/Statistk-(statistics)

[hm_krause]

Perfekt,
Danke