Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Support Adapter Energiefluss-erweitert v0.7.7

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.1k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.8k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.0k

Support Adapter Energiefluss-erweitert v0.7.7

Scheduled Pinned Locked Moved Visualisierung
vis
4.4k Posts 196 Posters 5.8m Views 168 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • SKBS Offline
    SKBS Offline
    SKB
    Developer Most Active
    wrote on last edited by
    #2328

    Hallo Zusammen,
    nach einer kleinen Weile habe ich eine neue Version erstellt, die alle von Euch gemeldeten Fehler beseitigt und noch ein paar neue Funktionen mit sich bringt. Es ist die Version 0.2.2

    Folgendes ist neu bzw. korrigiert:

    • Hinzugefügt: Bei Verwendung einer Datenquelle als Bild-URL ist die Bild-URL in manchen Fällen leer (z. B. für Prognosen). - Chrome hat ein fehlerhaftes Bild angezeigt
    • Hinzugefügt: Das aktuell aktive Element erhält einen gestrichelten Rand. Dies hilft, ein Bildelement mit leerer URL zu identifizieren (sofern es über eine Datenquelle bereitgestellt wird).
    • Hinzugefügt: Die zuvor hinzugefügte Spalte „Einheit“ für Watt und Kilowatt in Datenquellen wurde in „Faktor“ mit einer Beschreibung geändert
    • Hinzugefügt: Eine neue Schaltfläche in Datenquellen ermöglicht die Überprüfung, welche Datenquellen verwendet werden
    • Hinzugefügt: Neue Übersetzungen und einige Codeoptimierungen
    • FIX: Defektes SVG korrigiert

    Viel Spaß mit der neuen Version 😉

    ... wer nicht mit der Zeit geht, geht mit der Zeit ...

    Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

    U66U W 2 Replies Last reply
    1
    • SKBS SKB

      Hallo Zusammen,
      nach einer kleinen Weile habe ich eine neue Version erstellt, die alle von Euch gemeldeten Fehler beseitigt und noch ein paar neue Funktionen mit sich bringt. Es ist die Version 0.2.2

      Folgendes ist neu bzw. korrigiert:

      • Hinzugefügt: Bei Verwendung einer Datenquelle als Bild-URL ist die Bild-URL in manchen Fällen leer (z. B. für Prognosen). - Chrome hat ein fehlerhaftes Bild angezeigt
      • Hinzugefügt: Das aktuell aktive Element erhält einen gestrichelten Rand. Dies hilft, ein Bildelement mit leerer URL zu identifizieren (sofern es über eine Datenquelle bereitgestellt wird).
      • Hinzugefügt: Die zuvor hinzugefügte Spalte „Einheit“ für Watt und Kilowatt in Datenquellen wurde in „Faktor“ mit einer Beschreibung geändert
      • Hinzugefügt: Eine neue Schaltfläche in Datenquellen ermöglicht die Überprüfung, welche Datenquellen verwendet werden
      • Hinzugefügt: Neue Übersetzungen und einige Codeoptimierungen
      • FIX: Defektes SVG korrigiert

      Viel Spaß mit der neuen Version 😉

      U66U Offline
      U66U Offline
      U66
      wrote on last edited by U66
      #2329

      @skb
      Vielen Dank 👍
      ist schon geladen

      1 Reply Last reply
      1
      • SKBS SKB

        Hallo Zusammen,
        nach einer kleinen Weile habe ich eine neue Version erstellt, die alle von Euch gemeldeten Fehler beseitigt und noch ein paar neue Funktionen mit sich bringt. Es ist die Version 0.2.2

        Folgendes ist neu bzw. korrigiert:

        • Hinzugefügt: Bei Verwendung einer Datenquelle als Bild-URL ist die Bild-URL in manchen Fällen leer (z. B. für Prognosen). - Chrome hat ein fehlerhaftes Bild angezeigt
        • Hinzugefügt: Das aktuell aktive Element erhält einen gestrichelten Rand. Dies hilft, ein Bildelement mit leerer URL zu identifizieren (sofern es über eine Datenquelle bereitgestellt wird).
        • Hinzugefügt: Die zuvor hinzugefügte Spalte „Einheit“ für Watt und Kilowatt in Datenquellen wurde in „Faktor“ mit einer Beschreibung geändert
        • Hinzugefügt: Eine neue Schaltfläche in Datenquellen ermöglicht die Überprüfung, welche Datenquellen verwendet werden
        • Hinzugefügt: Neue Übersetzungen und einige Codeoptimierungen
        • FIX: Defektes SVG korrigiert

        Viel Spaß mit der neuen Version 😉

        W Online
        W Online
        wolfi913
        wrote on last edited by
        #2330

        @skb
        Gibt's eine Möglichkeit den Darkmode manuell über die URL mitzugeben? Evtl. hab ich das auch nur nicht gefunden.
        bspw: http://192.168.x.x:8082/energiefluss-erweitert/index.html?instance=0&**theme=dark** für den Nachtmodus und http://192.168.x.x:8082/energiefluss-erweitert/index.html?instance=0&**theme=light** für den Tagmodus (Beispiel wäre analog zu Grafana).
        Ich wechsle Tag-/Nachtmodus in meiner Visualisierung (hier: jarvis) über Astrofunktion.
        Leider krieg ich, vermutlich wegen der Rückmeldung meiner Endgeräte, nur den Tagmodus für den "energiefluss-erweitert" angezeigt.
        Momentan behelfe ich mir damit über css einen dunkleren Hintergrund in den iFrame einzusteuern.
        Funktioniert auch in der Form ganz gut. Schöner wär's aus meiner Sicht, schon zwecks besserer Lesbarkeit und einheitlicher Optik, den "richtigen" Darkmode nutzen zu können.

        PS: Der Adapter ist im Umfang und Bedienbarkeit echt genial. Was Du da auf die Beine gestellt hast ist echt Klasse 👏

        SKBS 1 Reply Last reply
        0
        • W wolfi913

          @skb
          Gibt's eine Möglichkeit den Darkmode manuell über die URL mitzugeben? Evtl. hab ich das auch nur nicht gefunden.
          bspw: http://192.168.x.x:8082/energiefluss-erweitert/index.html?instance=0&**theme=dark** für den Nachtmodus und http://192.168.x.x:8082/energiefluss-erweitert/index.html?instance=0&**theme=light** für den Tagmodus (Beispiel wäre analog zu Grafana).
          Ich wechsle Tag-/Nachtmodus in meiner Visualisierung (hier: jarvis) über Astrofunktion.
          Leider krieg ich, vermutlich wegen der Rückmeldung meiner Endgeräte, nur den Tagmodus für den "energiefluss-erweitert" angezeigt.
          Momentan behelfe ich mir damit über css einen dunkleren Hintergrund in den iFrame einzusteuern.
          Funktioniert auch in der Form ganz gut. Schöner wär's aus meiner Sicht, schon zwecks besserer Lesbarkeit und einheitlicher Optik, den "richtigen" Darkmode nutzen zu können.

          PS: Der Adapter ist im Umfang und Bedienbarkeit echt genial. Was Du da auf die Beine gestellt hast ist echt Klasse 👏

          SKBS Offline
          SKBS Offline
          SKB
          Developer Most Active
          wrote on last edited by
          #2331

          @wolfi913 Wenn ich dich nun richtig verstanden habe, solls so aussehen?

          2024-02-16 16_36_18-Energiefluss - erweitert Configuration – Mozilla Firefox.png

          2024-02-16 16_36_06-Energiefluss - erweitert Configuration – Mozilla Firefox.png

          ... wer nicht mit der Zeit geht, geht mit der Zeit ...

          Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

          W 1 Reply Last reply
          0
          • SKBS SKB

            @wolfi913 Wenn ich dich nun richtig verstanden habe, solls so aussehen?

            2024-02-16 16_36_18-Energiefluss - erweitert Configuration – Mozilla Firefox.png

            2024-02-16 16_36_06-Energiefluss - erweitert Configuration – Mozilla Firefox.png

            W Online
            W Online
            wolfi913
            wrote on last edited by
            #2332

            @skb sagte in Test Adapter Energiefluss-erweitert v0.2.x GitHub/Latest:

            @wolfi913 Wenn ich dich nun richtig verstanden habe, solls so aussehen?
            2024-02-16 16_36_06-Energiefluss - erweitert Configuration – Mozilla Firefox.png

            Ja, genau so wär's perfekt.

            SKBS 1 Reply Last reply
            0
            • W wolfi913

              @skb sagte in Test Adapter Energiefluss-erweitert v0.2.x GitHub/Latest:

              @wolfi913 Wenn ich dich nun richtig verstanden habe, solls so aussehen?
              2024-02-16 16_36_06-Energiefluss - erweitert Configuration – Mozilla Firefox.png

              Ja, genau so wär's perfekt.

              SKBS Offline
              SKBS Offline
              SKB
              Developer Most Active
              wrote on last edited by
              #2333

              @wolfi913 Ok, schaue ich mir genauer an - der fixe Test lief relativ gut - muss ich aber noch verifizieren.

              ... wer nicht mit der Zeit geht, geht mit der Zeit ...

              Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

              W 1 Reply Last reply
              0
              • SKBS SKB

                @wolfi913 Ok, schaue ich mir genauer an - der fixe Test lief relativ gut - muss ich aber noch verifizieren.

                W Online
                W Online
                wolfi913
                wrote on last edited by
                #2334

                @skb
                Vielen Dank schonmal 👍

                1 Reply Last reply
                0
                • S Offline
                  S Offline
                  Sputnik24
                  wrote on last edited by
                  #2335

                  Hallo zusammen, hallo @SKB

                  erstmal: toller Adapter. Ich möchte damit meine von Hand zusammengebastelte Visualisierung ablösen (Screenshot am Ende).

                  Mein Setup: Fronius Hybrid WR mit Batterie, ausgelesen über modbus. Balkonsolar, ausgelesen über Shelly. go-e Wallbox. BWWP ausgelesen über Shelly. E-Auto.

                  Fragen bzw. Bugs?:

                  Werte verstecken:

                  • Leistung für Batterie laden/entladen sind zwei getrennte Werte. Der jeweils inaktive Zustand ist bei 0 W.

                  • Ich hab beide als Datenquelle hinzugefügt, bei beiden die Schwelle (Rohwert) auf 10 gesetzt und bei CSS unter Schwelle (positiv) folgendes CSS:

                  .invisible {
                      opacity: 0 !important;
                  }
                  
                  • Funktioniert nicht: Es werden immer beide Werte angezeigt, obwohl einer von beiden 0 ist.

                  • Ich hab das gleiche für einen anderen Wert versucht, ImportExport, also ob gerade eingespeist oder bezogen wird (das ist nur ein Datenpunkt mit Vorzeichen). Hier auch Schwelle auf 10 und invisible bei unter Schwelle eingetragen. Hier funktioniert es. Hab dieses Objekt auch dupliziert und die Datenquelle auf Akkuladen/entladen geändert -> Wird immer angezeigt.

                  Hast du eine Idee?

                  Feature Requests:

                  • Automatische Berechnung W/kW: Tolles feature. Wäre gut, wenn man getrennte Nachkommastellen konfigurieren könnte. Bei Watt machen Nachkommastellen keinen Sinn, mich interessieren Milliwatt nicht (und gibt die Messgenauigkeit auch gar nicht her), bei Kilowatt ist mir der Wert ohne Nachkommastellen aber zu grob.

                  • Farbe aus Datenpunkt: Wie du an der alten Visualisierung teils siehst, färbe ich meine Pfeile und Prozentbalken in Abhängigkeit von Modi und dem Füllstand ein. Modi nutze ich z.B. beim E-Auto und BWWP: Wenn das Fahrzeug nur mit PV-Überschuss geladen wird, ist der Pfeil grün, wenn PV+min gelb und max Leistung rot. Entsprechend würde ich auch gern die Verbindung im Energieflussadapter einfärben. Da es vermutlich zu aufwändig wäre, alle Szenarien in der Config-UI abzubilden, würde es mir reichen, wenn ich statt fixer Farben einen Datenpunkt angeben kann wie es in VIS mit {daten.punkt} möglich ist. Dann kann ich mir per Script die passende Farbe je nach Modi oder Füllstand in einen Datenpunkt schreiben.

                  a1d53c80-e682-44ae-bf2c-83f06f2a4195-image.png
                  45d44632-095b-4c69-9f4e-77793837efc4-image.png

                  SKBS 2 Replies Last reply
                  0
                  • S Sputnik24

                    Hallo zusammen, hallo @SKB

                    erstmal: toller Adapter. Ich möchte damit meine von Hand zusammengebastelte Visualisierung ablösen (Screenshot am Ende).

                    Mein Setup: Fronius Hybrid WR mit Batterie, ausgelesen über modbus. Balkonsolar, ausgelesen über Shelly. go-e Wallbox. BWWP ausgelesen über Shelly. E-Auto.

                    Fragen bzw. Bugs?:

                    Werte verstecken:

                    • Leistung für Batterie laden/entladen sind zwei getrennte Werte. Der jeweils inaktive Zustand ist bei 0 W.

                    • Ich hab beide als Datenquelle hinzugefügt, bei beiden die Schwelle (Rohwert) auf 10 gesetzt und bei CSS unter Schwelle (positiv) folgendes CSS:

                    .invisible {
                        opacity: 0 !important;
                    }
                    
                    • Funktioniert nicht: Es werden immer beide Werte angezeigt, obwohl einer von beiden 0 ist.

                    • Ich hab das gleiche für einen anderen Wert versucht, ImportExport, also ob gerade eingespeist oder bezogen wird (das ist nur ein Datenpunkt mit Vorzeichen). Hier auch Schwelle auf 10 und invisible bei unter Schwelle eingetragen. Hier funktioniert es. Hab dieses Objekt auch dupliziert und die Datenquelle auf Akkuladen/entladen geändert -> Wird immer angezeigt.

                    Hast du eine Idee?

                    Feature Requests:

                    • Automatische Berechnung W/kW: Tolles feature. Wäre gut, wenn man getrennte Nachkommastellen konfigurieren könnte. Bei Watt machen Nachkommastellen keinen Sinn, mich interessieren Milliwatt nicht (und gibt die Messgenauigkeit auch gar nicht her), bei Kilowatt ist mir der Wert ohne Nachkommastellen aber zu grob.

                    • Farbe aus Datenpunkt: Wie du an der alten Visualisierung teils siehst, färbe ich meine Pfeile und Prozentbalken in Abhängigkeit von Modi und dem Füllstand ein. Modi nutze ich z.B. beim E-Auto und BWWP: Wenn das Fahrzeug nur mit PV-Überschuss geladen wird, ist der Pfeil grün, wenn PV+min gelb und max Leistung rot. Entsprechend würde ich auch gern die Verbindung im Energieflussadapter einfärben. Da es vermutlich zu aufwändig wäre, alle Szenarien in der Config-UI abzubilden, würde es mir reichen, wenn ich statt fixer Farben einen Datenpunkt angeben kann wie es in VIS mit {daten.punkt} möglich ist. Dann kann ich mir per Script die passende Farbe je nach Modi oder Füllstand in einen Datenpunkt schreiben.

                    a1d53c80-e682-44ae-bf2c-83f06f2a4195-image.png
                    45d44632-095b-4c69-9f4e-77793837efc4-image.png

                    SKBS Offline
                    SKBS Offline
                    SKB
                    Developer Most Active
                    wrote on last edited by
                    #2336

                    @sputnik24 Was ist denn, wenn du statt opacity einmal Display: none nutzt?
                    Ist denn der Wert in dem Datenpunkt zu dem Zeitpunkt auch wirklich unter 0 und wurde aktualisiert?

                    Deine Requests schaue ich mir die Tage einmal an, was sich da einarbeiten lässt, wenn es Dir reicht.

                    ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                    Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                    S 1 Reply Last reply
                    0
                    • SKBS SKB

                      @sputnik24 Was ist denn, wenn du statt opacity einmal Display: none nutzt?
                      Ist denn der Wert in dem Datenpunkt zu dem Zeitpunkt auch wirklich unter 0 und wurde aktualisiert?

                      Deine Requests schaue ich mir die Tage einmal an, was sich da einarbeiten lässt, wenn es Dir reicht.

                      S Offline
                      S Offline
                      Sputnik24
                      wrote on last edited by Sputnik24
                      #2337

                      @skb Mit Display none geht es auch nicht. Bei einem anderen Wert (ImportExport) funktioniert es mit opacity 0 (und display none).

                      Ich hab mir mal die Unterschiede angeschaut:
                      Der ImportExport-Wert ist faktisch nie exakt 0. Bei den beiden getrennten Werden für Laden (40314_3_DCW) und Entladen (40334_4_DCW) ist der jeweils inaktive exakt 0. Im zweiten Screenshot hab ich testweise beide Werte nebeneinander unten mittig, Schwellwert auf 10 W und das CSS mit Display none auf Quelle unter Schwelle gesetzt. Der aktuelle Wert Laden mit 4 W wird nicht angezeigt, der Entladen-Wert mit exakt 0 W wird angezeigt.

                      Blöde Frage: Kann es sein, dass das Kriterium "Quelle unter Schwelle (positiv/negativ)" nur auf größer/kleiner 0 und nicht größer gleich oder kleiner gleich 0 prüft und daher bei exakt 0 nicht greift?

                      Edit:
                      Ich denke, das ist der Grund. Hab im Code geschaut. So wie ich ihn verstehe, greift hier diese Logik:
                      https://github.com/SKB-CGN/ioBroker.energiefluss-erweitert/blob/1a471b1013e1fb45c3877c5afcb32caf5d76e405/main.js#L1124
                      Bei == 0 wird das InactiveCss nicht gesetzt.

                      Edit 2: Root cause bestätigt. Ich hab fürs Entladen (aktuell lädt der Akku, also ist 4_DCW exakt 0 W) einen Alias angelegt und diesen um 0.1 W reduziert. Jetzt greift die CSS-Logik bei unter Schwellwert negativ und der Wert wird ausgeblendet.

                      Edit 3: Was auch funktioniert: CSS Klasse invisible auf Allgemein (die Logik greift wohl bei exakt 0) und bei über Schwellwert positiv auf visible setzen.

                      Ich bin mir nur nicht sicher, ob das die Erwartungshaltung ist und was die Intention dahinter ist, == 0 separat zu behandeln, statt >= 0 und <0. Wenn ich eine CSS Klasse für unter Schwellwert positiv einstelle und mein Wert ist exakt 0, dann erwarte ich, dass hier diese Logik greift. Auch wenn man darüber, ob 0 nun der positiven oder negativen Logik zuzuordnen ist, diskutieren kann, dürften die meisten es dem positiven Wertebereich zuordnen.
                      Edit Ende.

                      Eine Frage noch:
                      Bei Überschreibung für Animiation bei der Verbindung für Import/Export hab ich folgendes eingetragen:

                      {
                          ">0": {
                              "color": "#FF0000 !important"
                          },
                          "<=0": {
                              "color": "#00FF00 !important"
                          }
                      }
                      

                      Ich möchte bei Einspeisung (Export, Wert negativ), dass die Striche grün sind und bei Bezug (Import, Wert positiv) rot. Funktioniert leider nicht.

                      7cf7348e-45d9-4b3d-b726-187c4d2009d5-image.png
                      7dadee61-f48f-40a7-8baa-f3104e55360f-image.png

                      SKBS 1 Reply Last reply
                      0
                      • S Sputnik24

                        @skb Mit Display none geht es auch nicht. Bei einem anderen Wert (ImportExport) funktioniert es mit opacity 0 (und display none).

                        Ich hab mir mal die Unterschiede angeschaut:
                        Der ImportExport-Wert ist faktisch nie exakt 0. Bei den beiden getrennten Werden für Laden (40314_3_DCW) und Entladen (40334_4_DCW) ist der jeweils inaktive exakt 0. Im zweiten Screenshot hab ich testweise beide Werte nebeneinander unten mittig, Schwellwert auf 10 W und das CSS mit Display none auf Quelle unter Schwelle gesetzt. Der aktuelle Wert Laden mit 4 W wird nicht angezeigt, der Entladen-Wert mit exakt 0 W wird angezeigt.

                        Blöde Frage: Kann es sein, dass das Kriterium "Quelle unter Schwelle (positiv/negativ)" nur auf größer/kleiner 0 und nicht größer gleich oder kleiner gleich 0 prüft und daher bei exakt 0 nicht greift?

                        Edit:
                        Ich denke, das ist der Grund. Hab im Code geschaut. So wie ich ihn verstehe, greift hier diese Logik:
                        https://github.com/SKB-CGN/ioBroker.energiefluss-erweitert/blob/1a471b1013e1fb45c3877c5afcb32caf5d76e405/main.js#L1124
                        Bei == 0 wird das InactiveCss nicht gesetzt.

                        Edit 2: Root cause bestätigt. Ich hab fürs Entladen (aktuell lädt der Akku, also ist 4_DCW exakt 0 W) einen Alias angelegt und diesen um 0.1 W reduziert. Jetzt greift die CSS-Logik bei unter Schwellwert negativ und der Wert wird ausgeblendet.

                        Edit 3: Was auch funktioniert: CSS Klasse invisible auf Allgemein (die Logik greift wohl bei exakt 0) und bei über Schwellwert positiv auf visible setzen.

                        Ich bin mir nur nicht sicher, ob das die Erwartungshaltung ist und was die Intention dahinter ist, == 0 separat zu behandeln, statt >= 0 und <0. Wenn ich eine CSS Klasse für unter Schwellwert positiv einstelle und mein Wert ist exakt 0, dann erwarte ich, dass hier diese Logik greift. Auch wenn man darüber, ob 0 nun der positiven oder negativen Logik zuzuordnen ist, diskutieren kann, dürften die meisten es dem positiven Wertebereich zuordnen.
                        Edit Ende.

                        Eine Frage noch:
                        Bei Überschreibung für Animiation bei der Verbindung für Import/Export hab ich folgendes eingetragen:

                        {
                            ">0": {
                                "color": "#FF0000 !important"
                            },
                            "<=0": {
                                "color": "#00FF00 !important"
                            }
                        }
                        

                        Ich möchte bei Einspeisung (Export, Wert negativ), dass die Striche grün sind und bei Bezug (Import, Wert positiv) rot. Funktioniert leider nicht.

                        7cf7348e-45d9-4b3d-b726-187c4d2009d5-image.png
                        7dadee61-f48f-40a7-8baa-f3104e55360f-image.png

                        SKBS Offline
                        SKBS Offline
                        SKB
                        Developer Most Active
                        wrote on last edited by
                        #2338

                        @sputnik24 Die Regeln greifen so, wie sie richtig sind.

                        Größer oder kleiner des Schwellenwerts. Oder eben, wenn nichts eintritt, wird alles entfernt und die Klassen sind leer.
                        So sagt es ja auch die Regel aus "Quelle unter Schwelle" oder "Quelle über Schwelle". Solltest Du "0" nutzen wollen, gibt es die Überschreibungen.

                        Die Farbe für die Linien funktionieren eben nicht mit color, sondern mit stroke - color nutzt man für HTML Elemente, stroke für SVG Elemente 😉

                        ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                        Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                        1 Reply Last reply
                        1
                        • UweRLPU Offline
                          UweRLPU Offline
                          UweRLP
                          wrote on last edited by
                          #2339

                          @skb Beim Duplizieren von Symbolen wird Umrissfarbe auf rgb(0,0,0) gesetzt.

                          Bei Auswahl von mehreren Elementen mit der Maus wird oft mehzzeiliger Text nicht mit ausgewählt, manschmal gehts.
                          Auswahl Elemente Text.PNG

                          SKBS 1 Reply Last reply
                          0
                          • UweRLPU UweRLP

                            @skb Beim Duplizieren von Symbolen wird Umrissfarbe auf rgb(0,0,0) gesetzt.

                            Bei Auswahl von mehreren Elementen mit der Maus wird oft mehzzeiliger Text nicht mit ausgewählt, manschmal gehts.
                            Auswahl Elemente Text.PNG

                            SKBS Offline
                            SKBS Offline
                            SKB
                            Developer Most Active
                            wrote on last edited by SKB
                            #2340

                            @uwerlp Danke für den Hinweis. Schaue ich mir an!

                            Für die Auswahl vom mehrzeiligen Text musst du etwas mehr Abstand lassen, da dieser systembedingt etwas breiter/höher ist.

                            ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                            Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                            UweRLPU 1 Reply Last reply
                            1
                            • SKBS SKB

                              @uwerlp Danke für den Hinweis. Schaue ich mir an!

                              Für die Auswahl vom mehrzeiligen Text musst du etwas mehr Abstand lassen, da dieser systembedingt etwas breiter/höher ist.

                              UweRLPU Offline
                              UweRLPU Offline
                              UweRLP
                              wrote on last edited by
                              #2341

                              @skb Abstand zu anderen Elementen meinst du?

                              SKBS 1 Reply Last reply
                              0
                              • UweRLPU UweRLP

                                @skb Abstand zu anderen Elementen meinst du?

                                SKBS Offline
                                SKBS Offline
                                SKB
                                Developer Most Active
                                wrote on last edited by
                                #2342

                                @uwerlp Die Auswahl der Elemente so starten bzw. ausführen:

                                2024-02-21 10_54_47-Energiefluss - erweitert Configuration – Mozilla Firefox.png

                                ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                                Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                                UweRLPU 2 Replies Last reply
                                0
                                • SKBS SKB

                                  @uwerlp Die Auswahl der Elemente so starten bzw. ausführen:

                                  2024-02-21 10_54_47-Energiefluss - erweitert Configuration – Mozilla Firefox.png

                                  UweRLPU Offline
                                  UweRLPU Offline
                                  UweRLP
                                  wrote on last edited by
                                  #2343

                                  @skb Achso du meinst den Auswahlrahmen großzügiger ziehen 😊
                                  Ich versuch es mal, danke 👍

                                  1 Reply Last reply
                                  0
                                  • SKBS SKB

                                    @uwerlp Die Auswahl der Elemente so starten bzw. ausführen:

                                    2024-02-21 10_54_47-Energiefluss - erweitert Configuration – Mozilla Firefox.png

                                    UweRLPU Offline
                                    UweRLPU Offline
                                    UweRLP
                                    wrote on last edited by UweRLP
                                    #2344

                                    @SKB
                                    Auswahl Darstellung.PNG
                                    Zum besseren Verständniss das Bild.
                                    Auswählen möchte ich die Elemente Komode Wohnzimmer
                                    Wenn ich nun mit der Auswahl oben links starte bevor ich den Rahmen von Komode Fenster anvisiere funktioniert es nicht.
                                    Von unten rechts scheint es zu gehen weil dann nicht der Rahmen von Komode Fenster anvisiert wird.
                                    Ist unglücklich weil manche Gruppen mitten drinn liegen und ich nicht weit genug weg vom benachbarten Element bin.
                                    Helfen würde es wenn ich die einzelnen Elemente zusammen mit drücken der STRG Taste selectieren könnte. Bei VIS geht das z.B., ist das hier auch umsetzbar?

                                    1 Reply Last reply
                                    0
                                    • S Sputnik24

                                      Hallo zusammen, hallo @SKB

                                      erstmal: toller Adapter. Ich möchte damit meine von Hand zusammengebastelte Visualisierung ablösen (Screenshot am Ende).

                                      Mein Setup: Fronius Hybrid WR mit Batterie, ausgelesen über modbus. Balkonsolar, ausgelesen über Shelly. go-e Wallbox. BWWP ausgelesen über Shelly. E-Auto.

                                      Fragen bzw. Bugs?:

                                      Werte verstecken:

                                      • Leistung für Batterie laden/entladen sind zwei getrennte Werte. Der jeweils inaktive Zustand ist bei 0 W.

                                      • Ich hab beide als Datenquelle hinzugefügt, bei beiden die Schwelle (Rohwert) auf 10 gesetzt und bei CSS unter Schwelle (positiv) folgendes CSS:

                                      .invisible {
                                          opacity: 0 !important;
                                      }
                                      
                                      • Funktioniert nicht: Es werden immer beide Werte angezeigt, obwohl einer von beiden 0 ist.

                                      • Ich hab das gleiche für einen anderen Wert versucht, ImportExport, also ob gerade eingespeist oder bezogen wird (das ist nur ein Datenpunkt mit Vorzeichen). Hier auch Schwelle auf 10 und invisible bei unter Schwelle eingetragen. Hier funktioniert es. Hab dieses Objekt auch dupliziert und die Datenquelle auf Akkuladen/entladen geändert -> Wird immer angezeigt.

                                      Hast du eine Idee?

                                      Feature Requests:

                                      • Automatische Berechnung W/kW: Tolles feature. Wäre gut, wenn man getrennte Nachkommastellen konfigurieren könnte. Bei Watt machen Nachkommastellen keinen Sinn, mich interessieren Milliwatt nicht (und gibt die Messgenauigkeit auch gar nicht her), bei Kilowatt ist mir der Wert ohne Nachkommastellen aber zu grob.

                                      • Farbe aus Datenpunkt: Wie du an der alten Visualisierung teils siehst, färbe ich meine Pfeile und Prozentbalken in Abhängigkeit von Modi und dem Füllstand ein. Modi nutze ich z.B. beim E-Auto und BWWP: Wenn das Fahrzeug nur mit PV-Überschuss geladen wird, ist der Pfeil grün, wenn PV+min gelb und max Leistung rot. Entsprechend würde ich auch gern die Verbindung im Energieflussadapter einfärben. Da es vermutlich zu aufwändig wäre, alle Szenarien in der Config-UI abzubilden, würde es mir reichen, wenn ich statt fixer Farben einen Datenpunkt angeben kann wie es in VIS mit {daten.punkt} möglich ist. Dann kann ich mir per Script die passende Farbe je nach Modi oder Füllstand in einen Datenpunkt schreiben.

                                      a1d53c80-e682-44ae-bf2c-83f06f2a4195-image.png
                                      45d44632-095b-4c69-9f4e-77793837efc4-image.png

                                      SKBS Offline
                                      SKBS Offline
                                      SKB
                                      Developer Most Active
                                      wrote on last edited by
                                      #2345

                                      @sputnik24 sagte in Test Adapter Energiefluss-erweitert v0.2.x GitHub/Latest:

                                      Feature Requests:

                                      • Automatische Berechnung W/kW: Tolles feature. Wäre gut, wenn man getrennte Nachkommastellen konfigurieren könnte. Bei Watt machen Nachkommastellen keinen Sinn, mich interessieren Milliwatt nicht (und gibt die Messgenauigkeit auch gar nicht her), bei Kilowatt ist mir der Wert ohne Nachkommastellen aber zu grob.

                                      Wenn Dich Nachkommastellen bei Watt stören, dann stell es doch fest auf kW ein - mit 2 Nachkommastellen. Dann ist die Genauigkeit auch gegeben.

                                      • Farbe aus Datenpunkt: Wie du an der alten Visualisierung teils siehst, färbe ich meine Pfeile und Prozentbalken in Abhängigkeit von Modi und dem Füllstand ein. Modi nutze ich z.B. beim E-Auto und BWWP: Wenn das Fahrzeug nur mit PV-Überschuss geladen wird, ist der Pfeil grün, wenn PV+min gelb und max Leistung rot. Entsprechend würde ich auch gern die Verbindung im Energieflussadapter einfärben. Da es vermutlich zu aufwändig wäre, alle Szenarien in der Config-UI abzubilden, würde es mir reichen, wenn ich statt fixer Farben einen Datenpunkt angeben kann wie es in VIS mit {daten.punkt} möglich ist. Dann kann ich mir per Script die passende Farbe je nach Modi oder Füllstand in einen Datenpunkt schreiben.

                                      Hier habe ich gerade eine Überlegung, das dies mit den Überschreibungen relativ einfach machbar mehr - jedoch ohne die Farbe im Datenpunkt - dazu überlege ich noch.

                                      Aktuell könnte man dies (noch nicht implementiert) so lösen:

                                      {
                                          ">0": {
                                              "borderfillcolor": "#FF0000",
                                              "bordercolor": "rgb(255,206,74)",
                                              "fillcolor": "#FF0000"
                                          },
                                          ">500": {
                                              "borderfillcolor": "rgb(255,206,74)",
                                              "bordercolor": "#000000",
                                              "fillcolor": "rgb(255,206,74)"
                                          },
                                          ">1000": {
                                              "borderfillcolor": "#A1D343",
                                              "bordercolor": "rgb(255,206,74)",
                                              "fillcolor": "#A1D343"
                                          }
                                      }
                                      

                                      Sähe dann so aus:

                                      2024-02-21 14_05_58-Energiefluss - erweitert – Mozilla Firefox.png 2024-02-21 14_05_38-Energiefluss - erweitert – Mozilla Firefox.png 2024-02-21 14_05_16-Energiefluss - erweitert – Mozilla Firefox.png

                                      Natürlich lassen sich dann die Farben für die Füllung und den Rahmen getrennt angeben, wie es oben beschrieben ist.

                                      ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                                      Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                                      R S 2 Replies Last reply
                                      1
                                      • SKBS SKB

                                        @sputnik24 sagte in Test Adapter Energiefluss-erweitert v0.2.x GitHub/Latest:

                                        Feature Requests:

                                        • Automatische Berechnung W/kW: Tolles feature. Wäre gut, wenn man getrennte Nachkommastellen konfigurieren könnte. Bei Watt machen Nachkommastellen keinen Sinn, mich interessieren Milliwatt nicht (und gibt die Messgenauigkeit auch gar nicht her), bei Kilowatt ist mir der Wert ohne Nachkommastellen aber zu grob.

                                        Wenn Dich Nachkommastellen bei Watt stören, dann stell es doch fest auf kW ein - mit 2 Nachkommastellen. Dann ist die Genauigkeit auch gegeben.

                                        • Farbe aus Datenpunkt: Wie du an der alten Visualisierung teils siehst, färbe ich meine Pfeile und Prozentbalken in Abhängigkeit von Modi und dem Füllstand ein. Modi nutze ich z.B. beim E-Auto und BWWP: Wenn das Fahrzeug nur mit PV-Überschuss geladen wird, ist der Pfeil grün, wenn PV+min gelb und max Leistung rot. Entsprechend würde ich auch gern die Verbindung im Energieflussadapter einfärben. Da es vermutlich zu aufwändig wäre, alle Szenarien in der Config-UI abzubilden, würde es mir reichen, wenn ich statt fixer Farben einen Datenpunkt angeben kann wie es in VIS mit {daten.punkt} möglich ist. Dann kann ich mir per Script die passende Farbe je nach Modi oder Füllstand in einen Datenpunkt schreiben.

                                        Hier habe ich gerade eine Überlegung, das dies mit den Überschreibungen relativ einfach machbar mehr - jedoch ohne die Farbe im Datenpunkt - dazu überlege ich noch.

                                        Aktuell könnte man dies (noch nicht implementiert) so lösen:

                                        {
                                            ">0": {
                                                "borderfillcolor": "#FF0000",
                                                "bordercolor": "rgb(255,206,74)",
                                                "fillcolor": "#FF0000"
                                            },
                                            ">500": {
                                                "borderfillcolor": "rgb(255,206,74)",
                                                "bordercolor": "#000000",
                                                "fillcolor": "rgb(255,206,74)"
                                            },
                                            ">1000": {
                                                "borderfillcolor": "#A1D343",
                                                "bordercolor": "rgb(255,206,74)",
                                                "fillcolor": "#A1D343"
                                            }
                                        }
                                        

                                        Sähe dann so aus:

                                        2024-02-21 14_05_58-Energiefluss - erweitert – Mozilla Firefox.png 2024-02-21 14_05_38-Energiefluss - erweitert – Mozilla Firefox.png 2024-02-21 14_05_16-Energiefluss - erweitert – Mozilla Firefox.png

                                        Natürlich lassen sich dann die Farben für die Füllung und den Rahmen getrennt angeben, wie es oben beschrieben ist.

                                        R Offline
                                        R Offline
                                        ruffy8472
                                        wrote on last edited by
                                        #2346

                                        @skb

                                        Ich hätte da nochmal ne Frage: Ist es möglich die Schattenfarbe einer Linie über CSS-Klassen zu steuern? Wenn ich einer Linie für die Unterschreitung einer Schwelle z.B. diese Klasse zuweise:

                                        .power-to-grid-line {
                                        stroke: rgba(255, 115, 131,1) !important;
                                        filter: drop-shadow(rgba(255, 115, 131, 0.8) 0px 3px 3px) !important;
                                        }
                                        

                                        Wird die Schattenfarbe nicht auf die Linie selbst, sondern auf die Animation angewendet:

                                        Schattenfarbe Linie.gif

                                        65854607-3867-455c-ad60-1f2c0cb2be8f-grafik.png
                                        649866c2-9238-477f-914b-1269585af8ac-grafik.png

                                        Im Zuge dessen ist mir aufgefallen, dass die Klassen für die negativen Schwellen irgendwie nicht richtig aus der Konfiguration geladen werden. Sie sind zwar im Datenpunkt "configuration" der jeweiligen Instanz gespeichert und werden auch korrekt angewendet aber wenn man die Einstellungsseite das nächste mal öffnet wird die Klasse an der Stelle einfach nicht mehr angezeigt:
                                        6a64b9cf-5d90-40df-92b9-0197eda9312b-grafik.png

                                        Die installierte Version ist 0.2.2 und ein Dateiupload wurde nach dem letzten Update auch gemacht.

                                        SKBS 1 Reply Last reply
                                        0
                                        • R ruffy8472

                                          @skb

                                          Ich hätte da nochmal ne Frage: Ist es möglich die Schattenfarbe einer Linie über CSS-Klassen zu steuern? Wenn ich einer Linie für die Unterschreitung einer Schwelle z.B. diese Klasse zuweise:

                                          .power-to-grid-line {
                                          stroke: rgba(255, 115, 131,1) !important;
                                          filter: drop-shadow(rgba(255, 115, 131, 0.8) 0px 3px 3px) !important;
                                          }
                                          

                                          Wird die Schattenfarbe nicht auf die Linie selbst, sondern auf die Animation angewendet:

                                          Schattenfarbe Linie.gif

                                          65854607-3867-455c-ad60-1f2c0cb2be8f-grafik.png
                                          649866c2-9238-477f-914b-1269585af8ac-grafik.png

                                          Im Zuge dessen ist mir aufgefallen, dass die Klassen für die negativen Schwellen irgendwie nicht richtig aus der Konfiguration geladen werden. Sie sind zwar im Datenpunkt "configuration" der jeweiligen Instanz gespeichert und werden auch korrekt angewendet aber wenn man die Einstellungsseite das nächste mal öffnet wird die Klasse an der Stelle einfach nicht mehr angezeigt:
                                          6a64b9cf-5d90-40df-92b9-0197eda9312b-grafik.png

                                          Die installierte Version ist 0.2.2 und ein Dateiupload wurde nach dem letzten Update auch gemacht.

                                          SKBS Offline
                                          SKBS Offline
                                          SKB
                                          Developer Most Active
                                          wrote on last edited by
                                          #2347

                                          @ruffy8472 sagte in Test Adapter Energiefluss-erweitert v0.2.x GitHub/Latest:

                                          Im Zuge dessen ist mir aufgefallen, dass die Klassen für die negativen Schwellen irgendwie nicht richtig aus der Konfiguration geladen werden. Sie sind zwar im Datenpunkt "configuration" der jeweiligen Instanz gespeichert und werden auch korrekt angewendet aber wenn man die Einstellungsseite das nächste mal öffnet wird die Klasse an der Stelle einfach nicht mehr angezeigt:

                                          Da hast vollkommen recht! Das ist ein Fehler der erneuten Darstellung. Behebe ich in der nächsten Version. Danke für den Hinweis! 🙂

                                          Zu deiner Frage mit dem Schatten bzw. der CSS Klasse - hier wird die Klasse nur der Animation zugewiesen.

                                          Aber, ich würde an dieser Stelle einfach die "Überschreiben Funktion" wie folgt nutzen:

                                          Linie auswählen, Erweitert-Tab, am Ende dann Überschreibung der Linie und dann so eintragen:

                                          {
                                              ">60": {
                                                  "stroke": "rgba(255, 115, 131,1)",
                                                  "filter": "drop-shadow(rgba(255, 115, 131, 0.8) 0px 3px 3px)"
                                              },
                                              ">61": {
                                                  "stroke": "",
                                                  "filter": ""
                                              }
                                          }
                                          

                                          Hier ist als Beispiel der Wert >60 der Auslöser und >61 wirds entfernt. Kannst Du an deine Werte anpassen.
                                          Die Entfernung ist sauberer, denn so wird es wieder auf den default Wert/Farbe gesetzt. Dieser kann natürlich auch anders sein!

                                          Bitte hier kein "!important" nutzen!

                                          ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                                          Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                                          R 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          577

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe