Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Support Adapter Energiefluss-erweitert v0.6.2

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Support Adapter Energiefluss-erweitert v0.6.2

    This topic has been deleted. Only users with topic management privileges can see it.
    • SKB
      SKB Developer Most Active @ManfredHi last edited by

      @manfredhi je mehr Animationen, destor mehr Auslastung.

      Zeilenumbruch mit mit 2 Text-Elementen möglich.

      M 1 Reply Last reply Reply Quote 0
      • M
        ManfredHi @SKB last edited by ManfredHi

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

        Zeilenumbruch mit mit 2 Text-Elementen möglich.

        wie geht das ?

        Es ist ein Datenpunkt der als Text angezeigt wird. Bei Einspeisung steht "OeMAG" drinnen und bei Bezug steht "smart ENERGY" drinnen. und da soll dann umgebrochen werden.

        SKB Homoran 2 Replies Last reply Reply Quote 0
        • SKB
          SKB Developer Most Active @ManfredHi last edited by

          @manfredhi Achso, der Text bleibt einzeilig.
          Habe dazu noch keine Lösung.

          1 Reply Last reply Reply Quote 0
          • Homoran
            Homoran Global Moderator Administrators @ManfredHi last edited by

            @manfredhi sagte in Test Adapter Energiefluss-erweitert v0.0.x GitHub/Latest:

            Bei Einspeisung steht "OeMAG" drinnen und bei Bezug steht "smart ENERGY" drinnen. und da soll dann umgebrochen werden.

            also variabler Text mit variablem Umbruch???

            Müsstest du versuchen per Skript abzufangen und das Leerzeichen vielleicht durch ein \n zu ersetzen

            1 Reply Last reply Reply Quote 0
            • M
              ManfredHi last edited by

              @homoran sagte in Test Adapter Energiefluss-erweitert v0.0.x GitHub/Latest:

              Müsstest du versuchen per Skript abzufangen und das Leerzeichen vielleicht durch ein \n zu ersetzen

              Der Datenpunkt wird mittels eines Scripts befüllt. \n funktioniert nicht, das wird dann ganz normal angezeigt. auch ein <br> geht nicht.

              SKB 1 Reply Last reply Reply Quote 0
              • SKB
                SKB Developer Most Active @ManfredHi last edited by

                @manfredhi Korrekt, weil es ein SVG Element ist, welches kein \n oder <BR> kennt.

                Demnach habe ich auch noch keine Lösung.

                F 1 Reply Last reply Reply Quote 0
                • F
                  fredje @SKB last edited by

                  @skb Momentan wird der Energiefluss meiner PV Anlage über das Tool dargestellt. Wenn ich nun auch den Energiefluss meiner Heizung darstellen möchte, muss ich dann eine Zweite Instanz des Tool installieren.

                  Übrigens vielen Dank für die tolle Tool und deine damit verbundene Arbeit ....

                  Homoran 1 Reply Last reply Reply Quote 0
                  • Homoran
                    Homoran Global Moderator Administrators @fredje last edited by

                    @fredje sagte in Test Adapter Energiefluss-erweitert v0.0.x GitHub/Latest:

                    Wenn ich nun auch den Energiefluss meiner Heizung darstellen möchte, muss ich dann eine Zweite Instanz des Tool installieren.

                    ja

                    U66 1 Reply Last reply Reply Quote 2
                    • U66
                      U66 @Homoran last edited by

                      @SKB

                      Danke fürs Update

                      Added: Extended the value calculation from 'Calculate Value from W to kW' to: deactivated, Calculate Value from W to kW, Automatic calculation including unit (W, kW)

                      👍

                      1 Reply Last reply Reply Quote 0
                      • RalfTh
                        RalfTh @arteck last edited by

                        @arteck Sehr elegante Lösung. Vielen Dank für den Tipp.

                        1 Reply Last reply Reply Quote 0
                        • M
                          micklafisch last edited by

                          Hallo,
                          vielen Dank für den tollen Adapter. Ich habe mich jetzt mal an die Portierung aus dem alten Adapter in den "erweitert" gemacht.

                          Habe alles soweit auch zusammen - das mit den lastabhängigen Linien ist schon eine super tolle Sache 👍

                          Was ich nicht hinbekommen habe: für den Hausakku die Animation des Icons beim laden/entladen. Das wäre dann das restliche 1% was fehlt um für meine Zwecke perfekt zu sein.

                          Habe ich etwas übersehen oder geht das (noch) nicht?

                          Homoran 1 Reply Last reply Reply Quote 0
                          • Homoran
                            Homoran Global Moderator Administrators @micklafisch last edited by Homoran

                            @micklafisch sagte in Test Adapter Energiefluss-erweitert v0.0.x GitHub/Latest:

                            Was ich nicht hinbekommen habe: für den Hausakku die Animation des Icons beim laden/entladen. Das wäre dann das restliche 1% was fehlt um für meine Zwecke perfekt zu sein.

                            was genau fehlt dir da?
                            Eine Ladeanimation im Batterie-Icon?

                            oder die (Ent-)ladeabhängige Änderung?

                            letzteres mache ich im Moment mit dem Wert
                            Screenshot_20231026-111120_Firefox.jpg
                            Sonnengelb bei Ladung, rot bei Entladung.

                            Im Netzbezug wechselt zusätzlich das Icon
                            Screenshot_20230816-130006_Firefox.jpg Screenshot_20230816-125735_Firefox.jpg Screenshot_20230816-125801_Firefox.jpg

                            M 1 Reply Last reply Reply Quote 0
                            • M
                              micklafisch @Homoran last edited by

                              @homoran sagte in Test Adapter Energiefluss-erweitert v0.0.x GitHub/Latest:

                              Eine Ladeanimation im Batterie-Icon?

                              genau das. In der alten Version gabs das ja und ich wollte genau das umsetzen.

                              Die Umsetzung von dir sieht sehr interessant aus, ggf. lasse ich mich davon noch etwas inspirieren.

                              Homoran 1 Reply Last reply Reply Quote 0
                              • Homoran
                                Homoran Global Moderator Administrators @micklafisch last edited by

                                @micklafisch sagte in Test Adapter Energiefluss-erweitert v0.0.x GitHub/Latest:

                                In der alten Version gabs das ja und ich wollte genau das umsetzen.

                                ich auch!
                                geht auch irgendwie

                                Screenshot_20231026-125834_Firefox.jpg

                                wollte ich @skb auch schon lange fragen, wie!

                                SKB 1 Reply Last reply Reply Quote 0
                                • SKB
                                  SKB Developer Most Active @Homoran last edited by SKB

                                  @homoran @micklafisch Animiertes Icon für die Batterie ist wie folgt:

                                  Standard-Icon für die Batterie z.B. "mdi:battery-high".

                                  Dann schauen, wie ge-/entladen wird. Bei mir ist laden negativ und entladen positiv.
                                  Die richtigen Klassen als CSS rein:

                                  2023-10-26 13_57_37-Energiefluss - erweitert Configuration – Mozilla Firefox.png

                                  Und als Stile folgendes:

                                  /* Icons for Battery */
                                  :root {
                                      --empty: 'M16,20H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z';
                                      --low: 'M16 20H8V6H16M16.67 4H15V2H9V4H7.33C6.6 4 6 4.6 6 5.33V20.67C6 21.4 6.6 22 7.33 22H16.67C17.41 22 18 21.41 18 20.67V5.33C18 4.6 17.4 4 16.67 4M15 16H9V19H15V16';
                                      --medium: 'M16 20H8V6H16M16.67 4H15V2H9V4H7.33C6.6 4 6 4.6 6 5.33V20.67C6 21.4 6.6 22 7.33 22H16.67C17.41 22 18 21.41 18 20.67V5.33C18 4.6 17.4 4 16.67 4M15 16H9V19H15V16M15 11.5H9V14.5H15V11.5Z';
                                      --high: 'M16 20H8V6H16M16.67 4H15V2H9V4H7.33C6.6 4 6 4.6 6 5.33V20.67C6 21.4 6.6 22 7.33 22H16.67C17.41 22 18 21.41 18 20.67V5.33C18 4.6 17.4 4 16.67 4M15 16H9V19H15V16M15 7H9V10H15V7M15 11.5H9V14.5H15V11.5Z';
                                  }
                                  
                                  .battery_charge path {
                                      animation: charge 4s linear infinite;
                                  }
                                  
                                  .battery_discharge path {
                                      animation: discharge 4s linear infinite;
                                  }
                                  
                                  /* Animation for battery */
                                  @keyframes charge {
                                      0% {
                                          d: path(var(--empty));
                                      }
                                  
                                      25% {
                                          d: path(var(--low));
                                      }
                                  
                                      50% {
                                          d: path(var(--medium));
                                      }
                                  
                                      75% {
                                          d: path(var(--high));
                                      }
                                  }
                                  
                                  @keyframes discharge {
                                      0% {
                                          d: path(var(--high));
                                      }
                                  
                                      25% {
                                          d: path(var(--medium));
                                      }
                                  
                                      50% {
                                          d: path(var(--low));
                                      }
                                  
                                      75% {
                                  
                                          d: path(var(--empty));
                                      }
                                  }
                                  
                                  Homoran M Elektrofix-OL 3 Replies Last reply Reply Quote 2
                                  • Homoran
                                    Homoran Global Moderator Administrators @SKB last edited by Homoran

                                    @skb klappt bei mir leider nicht.

                                    Screenshot_20231026-151001_Firefox.jpg

                                    hab ein anderes icon für normal, ist das ok?

                                    bei mir ist laden positiv und entladen negativ
                                    quelle ist battery-power.

                                    edit
                                    sehe gerade, dass da Leerzeilen eingefügt wurden
                                    Screenshot_20231026-151400_Firefox.jpg

                                    darf das?

                                    SKB 1 Reply Last reply Reply Quote 0
                                    • SKB
                                      SKB Developer Most Active @Homoran last edited by

                                      @homoran Dem Icon hast Du aber schon eine Datenquelle zugewiesen?

                                      Ja, Leerpunkte/Leerzeilen dürfen sein.

                                      Homoran 1 Reply Last reply Reply Quote 0
                                      • Homoran
                                        Homoran Global Moderator Administrators @SKB last edited by

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

                                        Dem Icon hast Du aber schon eine Datenquelle zugewiesen?

                                        ja

                                        @homoran sagte in Test Adapter Energiefluss-erweitert v0.0.x GitHub/Latest:

                                        quelle ist battery-power.

                                        mit wechselndem Vorzeichen
                                        positiv = laden
                                        negativ = entladen

                                        also umgekehrt zu deiner Batterie

                                        SKB 1 Reply Last reply Reply Quote 0
                                        • SKB
                                          SKB Developer Most Active @Homoran last edited by

                                          @homoran Ok, dann schau mal, das die Zeilen so aussehen - hatte ich eben nicht drauf geachtet:

                                          2023-10-26 17_22_28-Energiefluss - erweitert Configuration – Mozilla Firefox.png

                                          Sonst könnte es sein, das sie falsch interpretiert werden.

                                          Homoran 1 Reply Last reply Reply Quote 0
                                          • Homoran
                                            Homoran Global Moderator Administrators @SKB last edited by

                                            @skb worauf soll ich da achten?

                                            hab die Leerzeilen entfernt und eingerückt
                                            Screenshot_20231026-173907_Firefox.jpg

                                            nutzt nix

                                            SKB 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            820
                                            Online

                                            31.7k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            180
                                            4132
                                            3960496
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo