Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  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.7k

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

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

Support Adapter Energiefluss-erweitert v0.7.7

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
4.5k Beiträge 196 Kommentatoren 5.8m Aufrufe 166 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • U66U U66

    @horst-böttcher
    werden denn die Werte der Datenquellen unter Objekte im Iobroker angezeigt ?
    2023-10-29_17h23_02.png

    Horst BöttcherH Offline
    Horst BöttcherH Offline
    Horst Böttcher
    schrieb am zuletzt editiert von Horst Böttcher
    #1826

    @u66 nein hab ich nicht
    016aa7f5-1d53-443e-bdaf-89a4cc646695-image.png

    aber es geht um den verbauch in den netztbezug pv gibt es noch nicht

    U66U 1 Antwort Letzte Antwort
    0
    • Horst BöttcherH Horst Böttcher

      @u66 nein hab ich nicht
      016aa7f5-1d53-443e-bdaf-89a4cc646695-image.png

      aber es geht um den verbauch in den netztbezug pv gibt es noch nicht

      U66U Offline
      U66U Offline
      U66
      schrieb am zuletzt editiert von U66
      #1827

      @horst-böttcher said in Test Adapter Energiefluss-erweitert v0.0.x GitHub/Latest:

      aber es geht um den verbauch in den netztbezug pv gibt es noch nicht

      Dann nimm doch den Datenpunkt für den Netzbezug ?
      mit Druck auf die Zahlen, nicht auf das Element.
      Habe Anfangs den gleichen Fehler gemacht.

      1 Antwort Letzte Antwort
      0
      • SKBS 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));
            }
        }
        
        M Offline
        M Offline
        micklafisch
        schrieb am zuletzt editiert von
        #1828

        @skb
        Mega, vielen Dank!

        U66U 1 Antwort Letzte Antwort
        0
        • M micklafisch

          @skb
          Mega, vielen Dank!

          U66U Offline
          U66U Offline
          U66
          schrieb am zuletzt editiert von U66
          #1829

          @all#
          Ich verzweifle gerade daran, ein Hintergrundbild auf der Arbeitsfläche fest zu positionieren.

          <style>
          body {
            background-image: url('http://.dynxxxx.vh0st.me/alpha/haus.png');
              background-repeat: no-repeat;
             background-position: left bottom;
          
          

          habe das auch als Hintergrund festgelegt, aber die Animation lässt sich nicht darüberlegen,

          mir fällt gerade nix mehr ein................
          In der Vorschau ist es dann auch ganz anders positioniert.

          ArmilarA 1 Antwort Letzte Antwort
          0
          • U66U U66

            @all#
            Ich verzweifle gerade daran, ein Hintergrundbild auf der Arbeitsfläche fest zu positionieren.

            <style>
            body {
              background-image: url('http://.dynxxxx.vh0st.me/alpha/haus.png');
                background-repeat: no-repeat;
               background-position: left bottom;
            
            

            habe das auch als Hintergrund festgelegt, aber die Animation lässt sich nicht darüberlegen,

            mir fällt gerade nix mehr ein................
            In der Vorschau ist es dann auch ganz anders positioniert.

            ArmilarA Offline
            ArmilarA Offline
            Armilar
            Most Active Forum Testing
            schrieb am zuletzt editiert von
            #1830

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

            background-image: url('http://.dynxxxx.vh0st.me/alpha/haus.png'); background-repeat: no-repeat; background-position: left bottom;

            Wenn du ein Bild nimmst, welches existiert, dann geht es auch:
            b468c667-61d0-4d02-8a7c-bbd6290fe304-image.png

            Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
            https://github.com/joBr99/nspanel-lovelace-ui/wiki

            Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

            U66U 1 Antwort Letzte Antwort
            1
            • ArmilarA Armilar

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

              background-image: url('http://.dynxxxx.vh0st.me/alpha/haus.png'); background-repeat: no-repeat; background-position: left bottom;

              Wenn du ein Bild nimmst, welches existiert, dann geht es auch:
              b468c667-61d0-4d02-8a7c-bbd6290fe304-image.png

              U66U Offline
              U66U Offline
              U66
              schrieb am zuletzt editiert von U66
              #1831

              @armilar
              sieht bei mir in der Vorschau dann so aus

              und im Editor so

              ArmilarA 2 Antworten Letzte Antwort
              0
              • U66U U66

                @armilar
                sieht bei mir in der Vorschau dann so aus

                und im Editor so

                ArmilarA Offline
                ArmilarA Offline
                Armilar
                Most Active Forum Testing
                schrieb am zuletzt editiert von Armilar
                #1832

                @u66

                Jetzt die große Frage... wie soll es denn werden? Bzw. was wäre zu sehen, wenn das Bild nicht da ist?

                Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                https://github.com/joBr99/nspanel-lovelace-ui/wiki

                Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                1 Antwort Letzte Antwort
                0
                • U66U U66

                  @armilar
                  sieht bei mir in der Vorschau dann so aus

                  und im Editor so

                  ArmilarA Offline
                  ArmilarA Offline
                  Armilar
                  Most Active Forum Testing
                  schrieb am zuletzt editiert von Armilar
                  #1833

                  @u66

                  So wie es zuvor abgebildet war kommt doch ein Hintergrundbild und die Elemente sind auch drauf... Hab nochmal ein x-beliebiges Hintergrundbild eingebaut. --> Ergebnis Top

                  42408506-af72-47c3-b3ec-25266bc39022-image.png

                  oder geht es um die relative Positionierung eines Hauses auf dem Screen? Dann kannst du doch auch ein Bild einfügen mit einem Z-Index weiter hinten... Weiß nicht wo dein wirkliches Problem ist???

                  Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                  https://github.com/joBr99/nspanel-lovelace-ui/wiki

                  Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                  U66U 1 Antwort Letzte Antwort
                  0
                  • ArmilarA Armilar

                    @u66

                    So wie es zuvor abgebildet war kommt doch ein Hintergrundbild und die Elemente sind auch drauf... Hab nochmal ein x-beliebiges Hintergrundbild eingebaut. --> Ergebnis Top

                    42408506-af72-47c3-b3ec-25266bc39022-image.png

                    oder geht es um die relative Positionierung eines Hauses auf dem Screen? Dann kannst du doch auch ein Bild einfügen mit einem Z-Index weiter hinten... Weiß nicht wo dein wirkliches Problem ist???

                    U66U Offline
                    U66U Offline
                    U66
                    schrieb am zuletzt editiert von U66
                    #1834

                    @armilar
                    Jo sieht gut aus da bei Dir
                    (relative Positionierung eines Hauses auf dem Screen)Das ist der Punkt
                    habe auch schon die Bildoption im Editor getestet.
                    Mein Bild geht ja nicht über den die ganze Arbeitsfläche sonst hätte ich es auch hinterher sichtbar machen können.
                    Ich will die Animation am Hausdach laufen lassen und alles um das Haus anordnen.
                    Das gestaltet sich aber schwierig da ich laufend mit der Maus das Bild verschiebe beim Elemente anordnen.
                    Naja da fällt mir schon noch was ein.Danke für Deine Hilfe.:+1:

                    M SKBS 2 Antworten Letzte Antwort
                    0
                    • U66U U66

                      @armilar
                      Jo sieht gut aus da bei Dir
                      (relative Positionierung eines Hauses auf dem Screen)Das ist der Punkt
                      habe auch schon die Bildoption im Editor getestet.
                      Mein Bild geht ja nicht über den die ganze Arbeitsfläche sonst hätte ich es auch hinterher sichtbar machen können.
                      Ich will die Animation am Hausdach laufen lassen und alles um das Haus anordnen.
                      Das gestaltet sich aber schwierig da ich laufend mit der Maus das Bild verschiebe beim Elemente anordnen.
                      Naja da fällt mir schon noch was ein.Danke für Deine Hilfe.:+1:

                      M Online
                      M Online
                      MCU
                      schrieb am zuletzt editiert von MCU
                      #1835

                      @u66 Versuch mal

                      background-size: auto;
                      /* oder */
                      background-size: cover;
                      /* oder */
                      background-size: 100% 100%;
                      

                      NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                      U66U 1 Antwort Letzte Antwort
                      0
                      • M MCU

                        @u66 Versuch mal

                        background-size: auto;
                        /* oder */
                        background-size: cover;
                        /* oder */
                        background-size: 100% 100%;
                        
                        U66U Offline
                        U66U Offline
                        U66
                        schrieb am zuletzt editiert von
                        #1836

                        @mcu said in Test Adapter Energiefluss-erweitert v0.0.x GitHub/Latest:

                        background-size: cover;

                        Danke das hatte ich schon, füllt aber die ganze Seite aus.

                        ArmilarA 1 Antwort Letzte Antwort
                        0
                        • U66U U66

                          @mcu said in Test Adapter Energiefluss-erweitert v0.0.x GitHub/Latest:

                          background-size: cover;

                          Danke das hatte ich schon, füllt aber die ganze Seite aus.

                          ArmilarA Offline
                          ArmilarA Offline
                          Armilar
                          Most Active Forum Testing
                          schrieb am zuletzt editiert von
                          #1837

                          @u66

                          so?

                          8e8306d8-be46-4cb9-a843-4d44953e8b71-image.png

                          body {
                            background-image: url('https://wallpaperswide.com/download/green_tree_desert-wallpaper-1920x1200.jpg');
                            background-repeat: no-repeat;
                            background-position: center center;
                            background-size: 10%, 10%;
                            background-position: 25% 75%;
                          }
                          

                          Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                          https://github.com/joBr99/nspanel-lovelace-ui/wiki

                          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                          1 Antwort Letzte Antwort
                          0
                          • U66U U66

                            @armilar
                            Jo sieht gut aus da bei Dir
                            (relative Positionierung eines Hauses auf dem Screen)Das ist der Punkt
                            habe auch schon die Bildoption im Editor getestet.
                            Mein Bild geht ja nicht über den die ganze Arbeitsfläche sonst hätte ich es auch hinterher sichtbar machen können.
                            Ich will die Animation am Hausdach laufen lassen und alles um das Haus anordnen.
                            Das gestaltet sich aber schwierig da ich laufend mit der Maus das Bild verschiebe beim Elemente anordnen.
                            Naja da fällt mir schon noch was ein.Danke für Deine Hilfe.:+1:

                            SKBS Offline
                            SKBS Offline
                            SKB
                            Developer Most Active
                            schrieb am zuletzt editiert von
                            #1838

                            @u66 Wie soll es denn im Endeffekt aussehen?

                            Kannst ja eine Strichzeichnung mit Paint o.ä. erstellen.

                            Mit "habe ich probiert - geht nicht", kann man dir schlecht helfen. Da ja auch schon Beispiele genannt wurden, die aber nicht deine Anforderung erfüllen.

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

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

                            U66U 1 Antwort Letzte Antwort
                            0
                            • SKBS SKB

                              @u66 Wie soll es denn im Endeffekt aussehen?

                              Kannst ja eine Strichzeichnung mit Paint o.ä. erstellen.

                              Mit "habe ich probiert - geht nicht", kann man dir schlecht helfen. Da ja auch schon Beispiele genannt wurden, die aber nicht deine Anforderung erfüllen.

                              U66U Offline
                              U66U Offline
                              U66
                              schrieb am zuletzt editiert von U66
                              #1839

                              @skb
                              Ich will auch niemanden nerven hier
                              Die Vorschau stimmt nicht mit dem Arbeitsplatz überein das ist alles.

                              Ich bekomme das aber noch hin..............

                              mit diesen Einträgen

                              body {
                              
                                background-image: url('http://xxx.dyn.vh0st.me/alpha/haus.png');
                                background-repeat: no-repeat;
                                background-size: 40%,40%;
                                background-position: 5% 55%;
                               
                              
                              }
                              
                              

                              vielleicht füge ich das als iframe in vis ein, was ich eigentlich vermeiden wollte

                              SKBS 1 Antwort Letzte Antwort
                              0
                              • U66U U66

                                @skb
                                Ich will auch niemanden nerven hier
                                Die Vorschau stimmt nicht mit dem Arbeitsplatz überein das ist alles.

                                Ich bekomme das aber noch hin..............

                                mit diesen Einträgen

                                body {
                                
                                  background-image: url('http://xxx.dyn.vh0st.me/alpha/haus.png');
                                  background-repeat: no-repeat;
                                  background-size: 40%,40%;
                                  background-position: 5% 55%;
                                 
                                
                                }
                                
                                

                                vielleicht füge ich das als iframe in vis ein, was ich eigentlich vermeiden wollte

                                SKBS Offline
                                SKBS Offline
                                SKB
                                Developer Most Active
                                schrieb am zuletzt editiert von SKB
                                #1840

                                @u66 das ist korrekt, da der Arbeitsbereich auf die maximale Breite der Anzeige limitiert wird.

                                Ich würde den Hintergrund auch nicht via Body definieren, sondern für:

                                #svg_display, #svg_preview {
                                /* deine Background Daten */
                                }
                                

                                Das müsste klappen.

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

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

                                F U66U 2 Antworten Letzte Antwort
                                0
                                • SKBS SKB

                                  @u66 das ist korrekt, da der Arbeitsbereich auf die maximale Breite der Anzeige limitiert wird.

                                  Ich würde den Hintergrund auch nicht via Body definieren, sondern für:

                                  #svg_display, #svg_preview {
                                  /* deine Background Daten */
                                  }
                                  

                                  Das müsste klappen.

                                  F Offline
                                  F Offline
                                  fredje
                                  schrieb am zuletzt editiert von
                                  #1841

                                  @skb Hallo, ist es möglich die Farbe eines Icon oder nur die Farbe der Umrandung je nach Zustand eines DP zu ändern. Bei der Füllfarbe funktioniert das.

                                  IMG_0138.jpeg

                                  IMG_0135.jpeg

                                  IMG_0136.jpeg

                                  SKBS 1 Antwort Letzte Antwort
                                  0
                                  • F fredje

                                    @skb Hallo, ist es möglich die Farbe eines Icon oder nur die Farbe der Umrandung je nach Zustand eines DP zu ändern. Bei der Füllfarbe funktioniert das.

                                    IMG_0138.jpeg

                                    IMG_0135.jpeg

                                    IMG_0136.jpeg

                                    SKBS Offline
                                    SKBS Offline
                                    SKB
                                    Developer Most Active
                                    schrieb am zuletzt editiert von
                                    #1842

                                    @fredje die Umrandung bzw. die Icons werden mit 'stroke' abgeändert. Dies ist die Option für Linie.

                                    Je nach Zustand (oder Wert) geht dann auch mit den Überschreibungen in der neueren Version.

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

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

                                    F 1 Antwort Letzte Antwort
                                    0
                                    • SKBS SKB

                                      @u66 das ist korrekt, da der Arbeitsbereich auf die maximale Breite der Anzeige limitiert wird.

                                      Ich würde den Hintergrund auch nicht via Body definieren, sondern für:

                                      #svg_display, #svg_preview {
                                      /* deine Background Daten */
                                      }
                                      

                                      Das müsste klappen.

                                      U66U Offline
                                      U66U Offline
                                      U66
                                      schrieb am zuletzt editiert von
                                      #1843

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

                                      @u66 das ist korrekt, da der Arbeitsbereich auf die maximale Breite der Anzeige limitiert wird.

                                      Ich würde den Hintergrund auch nicht via Body definieren, sondern für:

                                      #svg_display, #svg_preview {
                                      /* deine Background Daten */
                                      }
                                      

                                      Das müsste klappen.

                                      Danke, das passt jetzt so :+1: :blush:

                                      1 Antwort Letzte Antwort
                                      0
                                      • SKBS SKB

                                        @fredje die Umrandung bzw. die Icons werden mit 'stroke' abgeändert. Dies ist die Option für Linie.

                                        Je nach Zustand (oder Wert) geht dann auch mit den Überschreibungen in der neueren Version.

                                        F Offline
                                        F Offline
                                        fredje
                                        schrieb am zuletzt editiert von
                                        #1844

                                        @skb danke .. habe es mit „stroke“getestet, funktioniert nicht .. funktioniert das erst mit der neuen Version ?

                                        IMG_0140.jpeg

                                        SKBS 1 Antwort Letzte Antwort
                                        0
                                        • F fredje

                                          @skb danke .. habe es mit „stroke“getestet, funktioniert nicht .. funktioniert das erst mit der neuen Version ?

                                          IMG_0140.jpeg

                                          SKBS Offline
                                          SKBS Offline
                                          SKB
                                          Developer Most Active
                                          schrieb am zuletzt editiert von
                                          #1845

                                          @fredje CSS funktioniert immer.
                                          Wie hast du die CSS Klasse zugewiesen?
                                          Wie sieht der zugehörige Wert aus?

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

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

                                          F 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          452

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe