Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[wendy2702]

Hallo zusammen,

ich habe zwei Probleme mit dem Adapter die ich aktuell nicht gelöst/erklärt bekomme.

1. Einfache Konfiguration bei einem Freund:

Die Linie zwischen Produktion war gestern animiert, heute plötzlich nicht mehr. Nach einmaligem anklicken der Konfig und erneutem Speichern ist die plötzlich wieder animiert. Gleiches gilt für die Linie zwischen Netz und Verbrauch, gestern animiert, heute kann ich machen was ich will bekomme dort keine Animation mehr hin. Wahrscheinlich sehe ich mittlerweile den Wald vor lauter Bäumen nicht mehr.

Hier das Konfig File.

Spoiler

{
   "basic": {
       "enable_grid": true,
       "enable_animation": false,
       "enable_area_catch": true,
       "enable_config_icon": false,
       "enable_last_id": false,
       "enable_icon_proxy": false,
       "enable_low_performance": false,
       "enable_ds_autocomplete": false,
       "enable_show_coordinates": true,
       "height": 540,
       "width": 530,
       "animation_timer": 1000,
       "background_color": "#424242FF",
       "styles": "",
       "font": {
           "family": "\"Arial\", sans-serif",
           "size": 20,
           "align": "middle"
       },
       "rect": {
           "height": 100,
           "width": 100,
           "corners": 10
       },
       "circle": {
           "radius": 50
       },
       "elm": {
           "stroke_width": 5,
           "pos_x": 50,
           "pos_y": 50
       },
       "icon": {
           "width": 24,
           "height": 24
       },
       "tourVisited": true,
       "enable_line_animation": false
   },
   "calculation": {
       "battery": {
           "dod": 6,
           "capacity": 5,
           "percent": 1,
           "charge": 2,
           "charge_prop": false,
           "discharge": 2,
           "discharge_prop": true
       },
       "consumption": {
           "production": [
               0
           ],
           "gridFeed": 3,
           "gridFeed_prop": true,
           "gridConsume": 3,
           "gridConsume_prop": false,
           "batteryCharge": 2,
           "batteryCharge_prop": false,
           "batteryDischarge": 2,
           "batteryDischarge_prop": true
       }
   },
   "animation": {
       "stroke_dasharray": "10 17 10 17 10  72",
       "stroke_width": 6,
       "animation_duration": 2000,
       "stroke_linecap": "round",
       "animation_timing_function": "linear"
   },
   "animation_configuration": {
       "dots": 3,
       "distance": 17,
       "length": 10
   },
   "line": {
       "stroke_width": 8,
       "stroke": "#000000"
   },
   "elements": {
       "2": {
           "type": "text",
           "align": "middle",
           "subType": "datasource",
           "id": 2,
           "pos_x": 217,
           "pos_y": 42,
           "color": "none",
           "fill": "rgb(255, 206, 74)",
           "font_family": "\"Arial\", sans-serif",
           "font_size": 18,
           "degree": 0,
           "text": "ID 2",
           "unit": "W",
           "source": 0,
           "shadow": "",
           "threshold": 0,
           "convert": false,
           "decimal_places": 0,
           "source_option": -1,
           "source_display": "value",
           "action": "none",
           "calculate_kw": "none",
           "frame": "_overlay",
           "source_action": 0
       },
       "5": {
           "type": "rect",
           "id": 5,
           "rx": 10,
           "height": 100,
           "width": 100,
           "pos_x": 167,
           "pos_y": 2,
           "fill": "none",
           "color": "rgb(255, 206, 74)",
           "stroke": 2,
           "shadow": "rgba(0,0,0,0.7)",
           "frame": "_overlay",
           "url": "",
           "fill_value": null,
           "fill_type": "percent",
           "fill_max": null,
           "source": -1
       },
       "6": {
           "type": "icon",
           "id": 6,
           "icon": "mdi:solar-panel",
           "width": 24,
           "height": 24,
           "color": "rgba(0, 0, 0, 0.7)",
           "pos_x": 205,
           "pos_y": 6,
           "shadow": ""
       },
       "7": {
           "type": "rect",
           "id": 7,
           "rx": 10,
           "height": 100,
           "width": 100,
           "pos_x": 407,
           "pos_y": 212,
           "fill": "none",
           "color": "rgb(0, 181, 221)",
           "stroke": 2,
           "shadow": "rgba(0,0,0,0.7)",
           "frame": "_overlay",
           "url": "",
           "fill_value": null,
           "fill_type": "percent",
           "fill_max": null,
           "source": -1,
           "position": 2
       },
       "8": {
           "type": "icon",
           "id": 8,
           "icon": "mdi:battery-high",
           "width": 24,
           "height": 24,
           "color": "rgba(0, 0, 0, 0.7)",
           "pos_x": 84,
           "pos_y": 218,
           "shadow": "",
           "source": 2
       },
       "9": {
           "type": "text",
           "align": "middle",
           "subType": "datasource",
           "id": 9,
           "pos_x": 457,
           "pos_y": 254,
           "color": "none",
           "fill": "rgb(0, 181, 221)",
           "font_family": "\"Arial\", sans-serif",
           "font_size": 18,
           "degree": 0,
           "text": "ID 9",
           "unit": "W",
           "source": 4,
           "shadow": "",
           "threshold": 0,
           "convert": false,
           "decimal_places": "0",
           "source_option": -1,
           "source_display": "value",
           "action": "none",
           "calculate_kw": "none",
           "frame": "_overlay",
           "source_action": 4,
           "position": 7
       },
       "10": {
           "type": "text",
           "align": "middle",
           "id": 10,
           "pos_x": 217,
           "pos_y": 75,
           "color": "none",
           "fill": "rgba(0, 0, 0, 0.7)",
           "font_family": "\"Arial\", sans-serif",
           "font_size": 14,
           "degree": 0,
           "text": "Produktion",
           "shadow": ""
       },
       "11": {
           "type": "text",
           "align": "middle",
           "id": 11,
           "pos_x": 457,
           "pos_y": 288,
           "color": "none",
           "fill": "rgba(0, 0, 0, 0.7)",
           "font_family": "\"Arial\", sans-serif",
           "font_size": 14,
           "degree": 0,
           "text": "Verbrauch",
           "shadow": ""
       },
       "12": {
           "type": "icon",
           "id": 12,
           "icon": "mdi:house-city",
           "width": 24,
           "height": 24,
           "color": "rgba(0, 0, 0, 0.7)",
           "pos_x": 445,
           "pos_y": 218,
           "shadow": ""
       },
       "13": {
           "type": "rect",
           "id": 13,
           "rx": 10,
           "height": 100,
           "width": 100,
           "pos_x": 46,
           "pos_y": 212,
           "fill": "none",
           "color": "rgb(161, 211, 67)",
           "stroke": 2,
           "shadow": "rgba(0,0,0,0.7)",
           "frame": "_overlay",
           "url": "",
           "fill_value": null,
           "fill_type": "percent",
           "fill_max": null,
           "source": 1
       },
       "14": {
           "type": "rect",
           "id": 14,
           "rx": 10,
           "height": 100,
           "width": 100,
           "pos_x": 167,
           "pos_y": 422,
           "fill": "none",
           "color": "rgb(218, 34, 73)",
           "stroke": 2,
           "shadow": "rgba(0,0,0,0.7)",
           "frame": "_overlay",
           "url": "",
           "fill_value": null,
           "fill_type": "percent",
           "fill_max": null,
           "source": -1
       },
       "15": {
           "type": "text",
           "align": "middle",
           "id": 15,
           "pos_x": 96,
           "pos_y": 288,
           "color": "none",
           "fill": "rgba(0, 0, 0, 0.7)",
           "font_family": "\"Arial\", sans-serif",
           "font_size": 15,
           "degree": 0,
           "text": "Batterie",
           "shadow": ""
       },
       "16": {
           "type": "text",
           "align": "middle",
           "subType": "datasource",
           "id": 16,
           "pos_x": 96,
           "pos_y": 254,
           "color": "none",
           "fill": "rgb(161, 211, 67)",
           "font_family": "\"Arial\", sans-serif",
           "font_size": 20,
           "degree": 0,
           "text": "ID 16",
           "unit": "W",
           "source": 2,
           "shadow": "",
           "threshold": 0,
           "convert": true,
           "decimal_places": "0",
           "source_option": -1,
           "source_display": "value",
           "action": "none",
           "calculate_kw": "none",
           "frame": "_overlay",
           "source_action": 2,
           "position": 3
       },
       "18": {
           "type": "text",
           "align": "middle",
           "subType": "datasource",
           "id": 18,
           "pos_x": 96,
           "pos_y": 272,
           "color": "none",
           "fill": "rgb(161, 211, 67)",
           "font_family": "\"Arial\", sans-serif",
           "font_size": 18,
           "degree": 0,
           "text": "ID 18",
           "unit": "%",
           "source": 1,
           "shadow": "",
           "threshold": 0,
           "convert": false,
           "decimal_places": 0,
           "source_option": -1,
           "source_display": "value",
           "action": "none",
           "calculate_kw": "none",
           "frame": "_overlay",
           "source_action": 1
       },
       "19": {
           "type": "text",
           "align": "middle",
           "subType": "datasource",
           "id": 19,
           "pos_x": 217,
           "pos_y": 464,
           "color": "none",
           "fill": "rgb(255, 15, 67)",
           "font_family": "\"Arial\", sans-serif",
           "font_size": 18,
           "degree": 0,
           "text": "ID 19",
           "unit": "W",
           "source": 3,
           "shadow": "",
           "threshold": 0,
           "convert": true,
           "decimal_places": "0",
           "source_option": -1,
           "source_display": "value",
           "action": "none",
           "calculate_kw": "none",
           "frame": "_overlay",
           "source_action": 3,
           "position": 1
       },
       "20": {
           "type": "icon",
           "id": 20,
           "icon": "mdi:electricity-from-grid",
           "width": 24,
           "height": 24,
           "color": "rgba(0, 0, 0, 0.7)",
           "pos_x": 205,
           "pos_y": 428,
           "shadow": ""
       },
       "21": {
           "type": "text",
           "align": "middle",
           "id": 21,
           "pos_x": 217,
           "pos_y": 498,
           "color": "none",
           "fill": "rgba(254, 15, 67, 0.98)",
           "font_family": "\"Arial\", sans-serif",
           "font_size": 14,
           "degree": 0,
           "text": "Netz",
           "shadow": ""
       }
   },
   "defs": {
       "path_5_7": {
           "type": "def",
           "id": "path_5_7",
           "d": "M237 103  V 124.6 A 15 15 0 0 0 252 139.6  H 422 A 15 15 0 0 1 437 154.6  V 211",
           "startSlot": "bottom_right",
           "endSlot": "top_left"
       },
       "path_5_13": {
           "type": "def",
           "id": "path_5_13",
           "d": "M197 103  V 124.6 A 15 15 0 0 1 182 139.6  H 111 A 15 15 0 0 0 96 154.6  V 211",
           "startSlot": "bottom_left",
           "endSlot": "top"
       },
       "path_14_7": {
           "type": "def",
           "id": "path_14_7",
           "d": "M237 421  V 399.4 A 15 15 0 0 1 252 384.4  H 422 A 15 15 0 0 0 437 369.4  V 313",
           "startSlot": "top_right",
           "endSlot": "bottom_left"
       },
       "path_5_14": {
           "type": "def",
           "id": "path_5_14",
           "d": "M217 103  V 421",
           "startSlot": "bottom",
           "endSlot": "top"
       },
       "path_13_7": {
           "type": "def",
           "id": "path_13_7",
           "startSlot": "right",
           "endSlot": "left",
           "d": "M147 262 H 406"
       }
   },
   "lines": {
       "line_path_5_7": {
           "type": "line",
           "id": "line_path_5_7",
           "href": "#path_5_7",
           "color": "rgb(0, 0, 0)",
           "position": 4
       },
       "line_path_5_13": {
           "type": "line",
           "id": "line_path_5_13",
           "href": "#path_5_13",
           "color": "rgb(0, 0, 0)",
           "position": 2
       },
       "line_path_14_7": {
           "type": "line",
           "id": "line_path_14_7",
           "href": "#path_14_7",
           "color": "rgb(0, 0, 0)",
           "position": 3
       },
       "line_path_5_14": {
           "type": "line",
           "id": "line_path_5_14",
           "href": "#path_5_14",
           "color": "rgb(0, 0, 0)",
           "position": 1
       },
       "line_path_13_7": {
           "type": "line",
           "id": "line_path_13_7",
           "color": "#000000",
           "href": "#path_13_7"
       }
   },
   "animations": {
       "anim_path_5_7": {
           "type": "animation",
           "id": "anim_path_5_7",
           "href": "#path_5_7",
           "color": "rgb(255, 206, 74)",
           "threshold": 0,
           "source": 0,
           "animation_properties": "positive",
           "animation_type": "dots",
           "dots": 6,
           "power": 7400
       },
       "anim_path_5_13": {
           "type": "animation",
           "id": "anim_path_5_13",
           "href": "#path_5_13",
           "color": "rgb(255, 206, 74)",
           "threshold": 0,
           "source": 7,
           "animation_properties": "positive",
           "animation_type": "dots",
           "dots": 6,
           "power": 7400
       },
       "anim_path_14_7": {
           "type": "animation",
           "id": "anim_path_14_7",
           "href": "#path_14_7",
           "color": "rgb(255, 206, 74)",
           "threshold": 1,
           "source": 3,
           "animation_properties": "positive",
           "animation_type": "dots",
           "dots": 6,
           "power": 20000,
           "animation_option": false
       },
       "anim_path_5_14": {
           "type": "animation",
           "id": "anim_path_5_14",
           "href": "#path_5_14",
           "color": "rgb(255, 206, 74)",
           "threshold": 0,
           "source": 3,
           "animation_properties": "negative",
           "animation_type": "dots",
           "dots": 6,
           "power": 6000
       },
       "anim_path_13_7": {
           "type": "animation",
           "id": "anim_path_13_7",
           "color": "#ffce4a",
           "href": "#path_13_7",
           "source": 2,
           "animation_properties": "negative",
           "animation_option": false,
           "threshold": null,
           "dots": 6,
           "duration": null,
           "power": 10000,
           "animation_type": "dots",
           "css_general": "",
           "css_active_positive": "",
           "css_inactive_positive": "",
           "css_active_negative": "",
           "css_inactive_negative": ""
       }
   },
   "icons": {},
   "datasources": {
       "0": {
           "source": "sun2000.0.inverter.0.string.PV1Power",
           "alias": "Solarerzeugung",
           "factor": 1
       },
       "1": {
           "source": "sun2000.0.inverter.0.battery.unit.1.batterySOC",
           "alias": "Batterie SOC %",
           "factor": 1
       },
       "2": {
           "source": "sun2000.0.inverter.0.battery.chargeDischargePower",
           "alias": "Batterie Lade_Entlade-Leistung",
           "factor": 1000
       },
       "3": {
           "source": "sun2000.0.sdongle.gridPower",
           "alias": "Einspeisung_Bezug",
           "factor": 1000
       },
       "4": {
           "source": "sun2000.0.sdongle.loadPower",
           "alias": "Hausverbrauch",
           "factor": 1000
       },
       "5": {
           "source": "sun2000.0.collected.ratedCapacity",
           "alias": "Rated of battery capacity",
           "factor": 1
       },
       "6": {
           "source": "sun2000.0.inverter.0.battery.dischargeCutoffCapacity",
           "alias": "Discharge cutoff capacity",
           "factor": 1
       },
       "7": {
           "source": "sun2000.0.inverter.0.battery.busCurrent",
           "alias": "Batterie Strom Laden",
           "factor": 1
       }
   }
}

2. Mein System, Instanz und Runtime läuft Problemlos, im Konfigurator sieht es so aus bei Chrome, FF, Edge:

Jemand dazu eine Idee?

Danke und Gruß

[skvarel]

@skb, vielen Dank für den Adapter !!!

Ich habe einen Wunsch und dazu auch ein Issue erstellt.

Ist es möglich zu den Kreisen und Quadraten auch eine Raute zu bekommen? Ein Quadrat, das auf einer Ecke steht.

Ich habe es jetzt mit sehr vielen Quadraten gelöst, das macht die Wartung aber extrem aufwendig.

Gruß, Sven.

[skvarel]

Noch ein paar Feinjustierungen aber es wird langsam was!

Ich lasse das jetzt mal ein paar Tage auf mich wirken.

Ich habe jetzt einen dezenten Balken für den Akkustand und ein paar Schalter per Icon eingebaut.

[lesiflo]

@skvarel: Woher hast du die Icon's? Sehen echt cool aus.

[mickemup]

@skvarel Sieht chic aus.
Wo hast du den überhaupt Rauten im Einsatz?

[skvarel]

@lesiflo sagte in Test Adapter Energiefluss-erweitert v0.8.x GitHub/Latest:

@skvarel: Woher hast du die Icon's? Sehen echt cool aus.

Vier davon sind von der origanlen Fox ESS Cloud, den Rest habe ich selsbt erstellt. Die vier Originalen tausche ich ich morgen noch aus. Ich muss auch noch weitere Geräte für mich erstellen.

[skvarel]

@mickemup sagte in Test Adapter Energiefluss-erweitert v0.8.x GitHub/Latest:

@skvarel Sieht chic aus.
Wo hast du den überhaupt Rauten im Einsatz?

Ich möchte die Rauten (Quadrate auf einer Ecke stehend) unter die Icons setzen. Ich hätte gern die Knotenpunkte in der Form meiner weißen Plattformen, damit ich den Fluss sauber andocken kann. Im ersten Beispiel habe ich unter jedem Icon mindestens zwei/drei Quadrate liegen um die Linien zu positionieren.

Um das zu umgehen, habe ich zweiten Bild den Fluss auf die Spitzen gesetzt.

Ersteres gefällt mir aber besser.

So hätte ich halt gern die Andockung der Linien. Das geht mit den jetzigen Elementen nicht.

[mickemup]

@skvarel
Bin gerade nicht am Rechner, aber besteht eventuell die Möglichkeit die Objekte (z.B via CSS zu drehen/modifizieren) ?

[skvarel]

@mickemup sagte in Test Adapter Energiefluss-erweitert v0.8.x GitHub/Latest:

@skvarel
Bin gerade nicht am Rechner, aber besteht eventuell die Möglichkeit die Objekte (z.B via CSS zu drehen/modifizieren) ?

Das habe ich natürlich als erstes ausprobiert. Leider ist der Drehpunkt nicht mittig und die Andockstellen drehen sich nicht mit. Das sind alles SVG Pfade.

[jvfle]

Hallo zusammen, ich möchte hier ein Phänomen beschreiben, dass ich selber nicht lösen kann und um Hilfe bei euch bitten möchte. Ich habe mir vor ca. 2 Jahren ein Dashboard zusammengestellt, das meinen Vorstellungen und Wünschen entsprach. Es besteht aus mehreren Views. Ein View beinhaltet den Energiefluss-erweitert Adapter, der auch zu dieser Zeit von mir eingerichtet wurde und funktionierte. Nun, da ich ein View nach dem anderen abarbeite und anpasse, ist nun der Energiefluss dran. Leider muss ich feststellen, dass dieser nicht mehr geht.
Ich habe dieses Topic durchgelesen, auch das Wiki und sonst im Web, aber dieses Fehlerbild ist offensichtlich nicht so häufig.
Der iobroker und alle Adapter sind mit der neuesten Firmware (stable) versehen. Der iobroker läuft schon immer in einem Docker-Container auf einer Synology-NAS ohne Probleme. Der Browser ist Edge. Ich habe den Energiefluss (erw.)-Adapter bereits zweimal neu aufgesetzt, ohne Erfolg. Alle anderen Adapter funktionieren. Das Einzige, was sich in der Zwischenzeit geändert hat, ist der Umstieg von Windows 10 auf 11.
Der Fehler zeigt sich so, dass die Steuerelemente mit einem wellenförmigen grauen Streifen im jeweiligen Feld "überrollt" werden. Das Anklicken der einzelnen Felder ist stark zeitverzögert und führt nicht zum Erfolg.

So sieht es bei mir aus. Die grauen Balken muss man sich von links nach rechts bewegend sehen.

Ich hoffe, ihr könnt mir helfen und bedanke mich schon einmal für eure Mühe. BG

[SKB]

@Hotze Das Springen der Punkte ist in Version 0.8.0 behoben -> https://github.com/SKB-CGN/ioBroker.energiefluss-erweitert/?tab=readme-ov-file#080-2025-10-21

[SKB]

@jvfle Was sagt die Browser-Konsole (F12 -> Konsole) dazu und welche Version des EF ist installiert?

[SKB]

@jvfle Steht eigentlich da. Browser öffnen, EF aurufen, Taste F12 drücken (Tab Konsole anwählen).

[jvfle]

Ja, es wird nichts angezeigt bei Taste F12.

[SKB]

@jvfle Das kann ich mir beim Besten Willen nicht vorstellen. Wie wäre es mit einem Screenshot, wo man die Konsole sieht?

[SKB]

@jvfle Ohje, ohje.
Was steht in meinem Beitrag?
Browser öffnen -> EF öffnen, Konfiguration öffnen, F12 drücken.

Du öffnest VIS und lässt dir darin die Konfiguration anzeigen.

[jvfle]

So besser? Ich sag ja, bitte um Nachsicht.

[wendy2702]

Du sollst die TASTE F12 drücken.

Sieht dann in FF zum Beispiel so aus:

Wenn es sich bei deinem Problem um die scheinbar unendlich ladenden "Funktionsblöcke" geht, das habe ich auch.

@skb : falls es darum geht kommt bei mir mit FF das in der Konsole, sag Bescheid wenn du etwas anderes benötigst.

[Socket] disconnected at 12.2.2026, 11:46:30 functions.min.js:8:26357
[Config] Using Instance: energiefluss-erweitert.0 functions.min.js:8:18406
[Language] Detected System-Language: de functions.min.js:8:18672
Passwort-Felder sind auf einer unsicheren (http://) Seite vorhanden. Dies ist ein Sicherheitsrisiko, durch das Zugangsdaten gestohlen werden können. configuration.html
[Config] Loaded additional file: /_socket/info.js functions.min.js:8:138538
Object { instance: 0, lowPerformance: false, theme: false, namespace: "energiefluss-erweitert.0", hostname: "192.168.178.18", localMode: false, socketURL: "/", webURL: "/", wwwExtLoaded: false, devMode: false, … }
functions.min.js:8:17998
[Socket] connected at 12.2.2026, 11:46:30 functions.min.js:8:23879
[Language] Trying to get language from system! functions.min.js:8:24058
[Language] Got it from ioBroker! Translating Texts to locale de! functions.min.js:8:24310
[Socket] subscribed to: system.adapter.energiefluss-erweitert.0.alive at 12.2.2026, 11:46:30 functions.min.js:8:24790
[Config] Trying to load configuration for instance 0 from state! functions.min.js:8:42196
[Config] Using direct load via iconify-API! functions.min.js:8:59201
[Calculation] Battery configured! functions.min.js:8:62719
[Calculation] Consumption configured! functions.min.js:8:63269
[Config] Loading initial Data functions.min.js:8:43252
[Config] Configuration loaded in 234 ms functions.min.js:8:43610
[Config] Loaded additional file: js/iconify.min.js functions.min.js:8:138538

[SKB]

@wendy2702 Heisst, bei dir scrollen die Animation auch, obwohl die Seite geladen wurde oder endet dies irgendwann?

[wendy2702]

Hi,

die scrollen. Habe das auch nach 10 minuten noch.