Energiefluss
235 · Netzparallelbetrieb0kWPhotovoltaik
0kWNetz
Tripower SE307 · Ok
0kWHaus
0kWBatterie
07:25
SMA STP · BYD HVS 7,7 kWh · Mittwoch, 21. Oktober
Energiefluss, Batterie und Wechselrichter im Blick.
| Widget | Datenpunkt | Hinweis |
|---|---|---|
| Wallbox Carport | mywallbox.0.597213 | Pulsar Plus „Carport PulsarPlus“: charging.charging_power, info.status, control.locked, charging.maxChgCurrent |
| Wallbox Garage | mywallbox.0.840021 | Pulsar Plus „Garage PulsarPlus“; Adapter mywallbox.0 ist deaktiviert, letzte Daten Feb. 2024 |
| PV-Leistung | modbus.0.inputRegisters.3.30775_… | AC-Wirkleistung, Name im Objektbaum prüfen |
| Netzfrequenz | modbus.0.inputRegisters.3.31447_Netzfrequenz | ändert sich ständig, taugt als Lebenszeichen |
| Wechselrichter | SMA Sunny Tripower Smart Energy | Hybrid, Modbus modbus.0 |
| Zustand | …3.30201_… | 35 Fehler · 303 Aus · 307 Ok · 455 Warnung |
| Netzanbindung | …3.30881_… | 1779 getrennt · 1780 öffentl. Netz · 1781 Inselnetz |
| Betriebsstatus | …3.33003_… | 235 Netzparallel · 1463 Backup · 2119 Abregelung |
| Batterie | bydhvs.0.State.Power, State.TempMax | SOC-Name im Objektbaum prüfen |
| BMS-Fehler | bydhvs.0.System.ErrorNum | 0 = ok |
| Zellmonitor | bydhvs.0.CellDetails.CellVolt001–096 | 1–32 = Modul 1 (oben), 65–96 = Modul 3 |
| Tagesverlauf, Skyline | InfluxDB 192.168.0.76:8086 | Flux, Measurement = State-ID |
Dasselbe Projekt-CSS wie in der Ansicht Zuhause. Der Energiefluss ist ein Canvas-Skript; für VIS reicht als einfache Variante eine SVG-Linie mit der Klasse gh-flow.
/* Energiefluss-Linie (SVG im HTML-Widget) */
.gh-flow{
stroke-dasharray:2 14;
stroke-linecap:round;
animation:gh-flow 1.2s linear infinite;
}
/* Gegenrichtung, z. B. Netzbezug statt Einspeisung */
.gh-flow.rev{animation-direction:reverse}
@keyframes gh-flow{to{stroke-dashoffset:-16}}
/* Batterie als Flüssigkeit: --soc per Binding setzen */
.gh-liquid{position:relative;overflow:hidden;border-radius:30px}
.gh-liquid::before{
content:"";position:absolute;left:50%;
width:420px;height:420px;margin-left:-210px;
top:calc(100% - var(--soc,50) * 1% - 8px);
border-radius:42%;background:#3a8452;
animation:gh-wave 9s linear infinite;
}
@keyframes gh-wave{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
.gh-flow,.gh-liquid::before{animation:none!important}
}
Ladestand als Variable, z. B. im Feld Stil: --soc:{bydhvs.0.State.SOC}