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. Energiefluss-Erweitert Ansichten

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    16
    1
    1.7k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    869

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.1k

Energiefluss-Erweitert Ansichten

Geplant Angeheftet Gesperrt Verschoben Visualisierung
56 Beiträge 26 Kommentatoren 12.8k Aufrufe 27 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.
  • MuppibaerM Muppibaer

    @merlin123 Die meisten Bilder habe ich von PixaBay, die musste Du nur grössen mäßig etwas anpassen dann geht es . Das Haus und die unterschiedlichen Wolken sind sich überlagernde und wechselnde Bilder.

    Merlin123M Offline
    Merlin123M Offline
    Merlin123
    schrieb am zuletzt editiert von
    #42

    @muppibaer Ah ok. Dank Dir :) Muss ich mal schauen

    Beta-Tester

    1 Antwort Letzte Antwort
    0
    • Merlin123M Merlin123

      @ps1304 Wo hast Du denn die Icons her?

      P Offline
      P Offline
      ps1304
      schrieb am zuletzt editiert von
      #43

      @merlin123 flaticon

      Merlin123M 1 Antwort Letzte Antwort
      0
      • P ps1304

        @merlin123 flaticon

        Merlin123M Offline
        Merlin123M Offline
        Merlin123
        schrieb am zuletzt editiert von
        #44

        @ps1304 Danke :)

        Beta-Tester

        1 Antwort Letzte Antwort
        0
        • Dominik RehmD Offline
          Dominik RehmD Offline
          Dominik Rehm
          schrieb am zuletzt editiert von
          #45

          Hallo zusammen,
          sehr schönes Projekt.
          Hätte eine kleine Frage:
          Ich bekomme über einen Datenpunkt beispielsweise einen numerischen Wert (von 0 bis unendlich). In der Visu würde ich gerne den Wert nur dann anzeigen, wenn der Wert größer als null ist. Wie kann ich das anstellen. Habe bereits schon versucht die CSS entsprechend einzusetzen, allerdings ohne Erfolg. Hätte villeicht jemand ein Beispiel für mich, an dem ich mich orientieren kann?

          Danke schonmal,

          Dominik

          P 1 Antwort Letzte Antwort
          0
          • Dominik RehmD Dominik Rehm

            Hallo zusammen,
            sehr schönes Projekt.
            Hätte eine kleine Frage:
            Ich bekomme über einen Datenpunkt beispielsweise einen numerischen Wert (von 0 bis unendlich). In der Visu würde ich gerne den Wert nur dann anzeigen, wenn der Wert größer als null ist. Wie kann ich das anstellen. Habe bereits schon versucht die CSS entsprechend einzusetzen, allerdings ohne Erfolg. Hätte villeicht jemand ein Beispiel für mich, an dem ich mich orientieren kann?

            Danke schonmal,

            Dominik

            P Offline
            P Offline
            ps1304
            schrieb am zuletzt editiert von
            #46

            @dominik-rehm
            kannst Du mit ner Überschreibung machen - 2ter Tab bei den Eigenschaften des DP. Die Farbe >0 dann entsprechend anpassen.

            {
                ">0": {
                    "fill": "#FFCE4A"
                },
                "==0": {
                    "fill": "rgb(0,0,0,0)"
                }
            }
            
            1 Antwort Letzte Antwort
            0
            • wendy2702W wendy2702

              Hi,

              da ich kein besonders großer Grafik und Design Profi bin würde ich mich freuen wenn Ihr in diesem Thread eure Energiefluss-Erweitert Ansichten zeigen könntet. Da kann nicht nur ich mir anregungen holen und gezielt Fragen stellen.

              Freue mich auf eure Umsetzungen.

              J Offline
              J Offline
              JoP
              schrieb am zuletzt editiert von JoP
              #47

              @wendy2702
              Meine Visualisierung gehört in die Kategorie maßlos übertrieben.Aber so kann ich an einer zentralen Stelle die ganzen Energieflüsse auch Warmwasser und Heizungswasser sehen. Die schwarzen Quadrate mit den roten Kreisen sind ESBE 3-Wege-Ventile.
              Habe zwei Wasserspeicher an der Wärmepumpe: einen für Warmwasser und einen für die Heizung, weil ich im Sommer auch kühle.

              Energiefluss_2025_05_20_JP.jpeg

              1 Antwort Letzte Antwort
              0
              • Marko HinrichsenM Offline
                Marko HinrichsenM Offline
                Marko Hinrichsen
                schrieb am zuletzt editiert von
                #48

                Hi,

                ich bin ein absoluter Fan vom Energiefluss Adapter. VIS hat mir für meine Anforderung einfach nicht das geliefert was ich gesucht habe. Ich habe einen Monitor der den Tag über läuft und mir die wichtigsten Informationen anzeigt und zwar kompakt auf einer Seite. Genau das habe ich gesucht.

                Danke dafür....

                Screenshot 2025-06-18 09.52.20.png

                W 1 Antwort Letzte Antwort
                1
                • wendy2702W wendy2702

                  Hi,

                  da ich kein besonders großer Grafik und Design Profi bin würde ich mich freuen wenn Ihr in diesem Thread eure Energiefluss-Erweitert Ansichten zeigen könntet. Da kann nicht nur ich mir anregungen holen und gezielt Fragen stellen.

                  Freue mich auf eure Umsetzungen.

                  Master67M Offline
                  Master67M Offline
                  Master67
                  schrieb am zuletzt editiert von
                  #49

                  @wendy2702 sagte in Energiefluss-Erweitert Ansichten:

                  würde ich mich freuen wenn Ihr in diesem Thread eure Energiefluss-Erweitert Ansichten zeigen könntet

                  Gerne, aber ich muss die kurz Erklären :-)

                  Das wird auf einem 7 Zoll Monitor dargestellt, die obere Reihe von links nach rechts ist die "Insel 3000", diese Lädt einen 7KW Akku, daneben ist das BKW und die PWS, die Energie geht ins Hausnetz, weiter rechts haben wir die
                  "Insel 2000", die lädt einen 3,8kw Akku.
                  Darunter noch ein paar Verbraucher, wie die Klimaanlage (wird von der Insel 3000 mit Strom versorgt).

                  2025-06-18_10-24.png

                  Gruß Master67

                  1 Antwort Letzte Antwort
                  1
                  • Marko HinrichsenM Marko Hinrichsen

                    Hi,

                    ich bin ein absoluter Fan vom Energiefluss Adapter. VIS hat mir für meine Anforderung einfach nicht das geliefert was ich gesucht habe. Ich habe einen Monitor der den Tag über läuft und mir die wichtigsten Informationen anzeigt und zwar kompakt auf einer Seite. Genau das habe ich gesucht.

                    Danke dafür....

                    Screenshot 2025-06-18 09.52.20.png

                    W Offline
                    W Offline
                    warp735
                    schrieb am zuletzt editiert von
                    #50

                    @marko-hinrichsen
                    Ist das ein 65" Monitor? Würd noch mehr Info´s reinpacken. Machts übersichtlicher... ;-)

                    1 Antwort Letzte Antwort
                    0
                    • wendy2702W wendy2702

                      Hi,

                      da ich kein besonders großer Grafik und Design Profi bin würde ich mich freuen wenn Ihr in diesem Thread eure Energiefluss-Erweitert Ansichten zeigen könntet. Da kann nicht nur ich mir anregungen holen und gezielt Fragen stellen.

                      Freue mich auf eure Umsetzungen.

                      P Offline
                      P Offline
                      ps1304
                      schrieb am zuletzt editiert von ps1304
                      #51

                      Für alle Besitzer einer E3DC Anlage:

                      ich nutze den RSCP Adapter, um die Daten in den iobroker zu ziehen.

                      1d09fadc-8bf7-43c8-8d76-0a3b2f9c7dbe-image.png

                      hier das config file:

                      {
                        "basic": {
                          "enable_grid": true,
                          "enable_animation": true,
                          "enable_area_catch": true,
                          "enable_config_icon": false,
                          "enable_last_id": false,
                          "enable_icon_proxy": false,
                          "enable_low_performance": false,
                          "height": 1200,
                          "width": 2000,
                          "styles": "#svg_display{\n background-image: url(\"https://images.unsplash.com/photo-1439792675105-701e6a4ab6f0?q=80&w=4000&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");\n height: 100%;\n  width: 100%;\n  background-repeat: no-repeat;\n  background-size: cover;\n  position: absolute;\n  border-radius: 20;\n background-color: #cccccc;\n}\n.glow {\n  animation: glow 3s ease-in-out infinite alternate;\n}\n\n@-webkit-keyframes glow {\n  from {\n    text-shadow: 0 0 10px #fff, 0 0 20px #0000ff, 0 0 30px #0000ff, 0 0 40px #0000ff, 0 0 50px #0000ff, 0 0 60px #0000ff, 0 0 70px #0000ff;\n  }\n  \n  to {\n    text-shadow: 0 0 20px #FFB266, 0 0 30px #FFB266, 0 0 40px #FFB266, 0 0 50px #FFB266, 0 0 60px #FFB266, 0 0 70px #FFB266, 0 0 80px #FFB266;\n    }\n}\n.blink_value {\n  transition: opacity .4s ease-in-out;\n  animation-name: animation_blink;\n  animation-timing-function: ease-in;\n  animation-duration: 1.6s;\n  animation-iteration-count: infinite;\n}\n \n@keyframes animation_blink {\n    50% {\n        opacity: 0.4;\n    }\n}\n#https://cdn.pixabay.com/photo/2019/12/16/22/08/sky-4700394_1280.jpg",
                          "font": {
                            "family": "\"Comic Sans MS\", cursiv",
                            "size": "12",
                            "color": "",
                            "fill": "#171717",
                            "align": "middle"
                          },
                          "rect": {
                            "height": 100,
                            "width": 100,
                            "corners": 10
                          },
                          "circle": {
                            "radius": 50
                          },
                          "elm": {
                            "stroke_width": 2,
                            "color": "",
                            "fill": "",
                            "pos_x": 300,
                            "pos_y": 300
                          },
                          "icon": {
                            "height": 24,
                            "width": 24,
                            "color": ""
                          },
                          "background_color": "#7A8E8EF5",
                          "enable_show_coordinates": true,
                          "tourVisited": true
                        },
                        "calculation": {
                          "battery": {
                            "dod": 68,
                            "capacity": 39,
                            "percent": 6,
                            "charge": 4,
                            "charge_prop": false,
                            "charge_kw": false,
                            "discharge": 4,
                            "discharge_prop": true,
                            "discharge_kw": false
                          },
                          "consumption": {
                            "production": [
                              "0"
                            ],
                            "production_kw": false,
                            "gridFeed": 3,
                            "gridFeed_kw": false,
                            "gridFeed_prop": true,
                            "gridConsume": 3,
                            "gridConsume_kw": false,
                            "gridConsume_prop": false,
                            "batteryCharge": 4,
                            "batteryCharge_kw": false,
                            "batteryCharge_prop": false,
                            "batteryDischarge": 4,
                            "batteryDischarge_kw": false,
                            "batteryDischarge_prop": true
                          }
                        },
                        "animation": {
                          "stroke_dasharray": "1 10 1 10 1 10 1 10 1 10 1 10 1 10 1 10 1 10 1  36",
                          "stroke_width": 8,
                          "animation_duration": 3500,
                          "stroke_linecap": "round",
                          "animation_timing_function": "linear"
                        },
                        "animation_configuration": {
                          "dots": 10,
                          "distance": 10,
                          "length": 1
                        },
                        "line": {
                          "stroke_width": 8,
                          "stroke": "#000000"
                        },
                        "elements": {
                          "28": {
                            "position": 60,
                            "type": "text",
                            "subType": "datasource",
                            "id": 28,
                            "pos_x": 1187,
                            "pos_y": 578,
                            "color": "none",
                            "fill": "rgb(242, 107, 70)",
                            "font_family": "\"Comic Sans MS\", cursiv",
                            "font_size": 22,
                            "align": "start",
                            "text": "ID 28",
                            "unit": "",
                            "source": 2,
                            "source_option": -1,
                            "source_display": "auto",
                            "shadow": "rgb(196, 196, 196)",
                            "threshold": 0,
                            "calculate_kw": "none",
                            "counter_animation": true,
                            "convert": false,
                            "decimal_places": 0,
                            "action": "none",
                            "subtract": [
                              -1
                            ],
                            "add": [
                              -1
                            ],
                            "frame": "_overlay",
                            "override": {
                              ">=1500": {
                                "fill": "#F20E40"
                              }
                            },
                            "prepend": "aktuell",
                            "append": "Watt Hausverbrauch",
                            "source_action": 2,
                            "linebreak": 8
                          },
                          "52": {
                            "position": 57,
                            "type": "text",
                            "id": 52,
                            "pos_x": 1829,
                            "pos_y": 593,
                            "color": "none",
                            "fill": "rgb(255, 206, 74)",
                            "font_family": "\"Comic Sans MS\", cursiv",
                            "font_size": 20,
                            "align": "middle",
                            "text": "",
                            "shadow": "",
                            "frame": "_overlay"
                          },
                          "54": {
                            "position": 16,
                            "type": "text",
                            "subType": "datasource",
                            "id": 54,
                            "pos_x": 1678,
                            "pos_y": 179,
                            "color": "none",
                            "fill": "rgb(14, 14, 13)",
                            "font_family": "\"Comic Sans MS\", cursiv",
                            "font_size": 17,
                            "align": "end",
                            "text": "ID 54",
                            "unit": "%",
                            "prepend": "Autarkie aktuell:  ",
                            "source": 9,
                            "source_option": -1,
                            "source_display": "value",
                            "shadow": "",
                            "threshold": 0,
                            "calculate_kw": "none",
                            "counter_animation": true,
                            "convert": false,
                            "decimal_places": 0,
                            "action": "none",
                            "subtract": [
                              -1
                            ],
                            "add": [
                              -1
                            ],
                            "frame": "_overlay",
                            "group": 1
                          },
                          "56": {
                            "position": 12,
                            "type": "text",
                            "subType": "datasource",
                            "id": 56,
                            "pos_x": 555,
                            "pos_y": 177,
                            "color": "none",
                            "fill": "rgb(14, 14, 13)",
                            "font_family": "\"Comic Sans MS\", cursiv",
                            "font_size": 17,
                            "align": "end",
                            "text": "ID 56",
                            "unit": "%",
                            "prepend": "Eigenverbrauch aktuell: ",
                            "source": 10,
                            "source_option": -1,
                            "source_display": "value",
                            "shadow": "",
                            "threshold": 0,
                            "calculate_kw": "none",
                            "counter_animation": false,
                            "convert": false,
                            "decimal_places": 0,
                            "action": "none",
                            "subtract": [
                              -1
                            ],
                            "add": [
                              -1
                            ],
                            "frame": "_overlay",
                            "group": 2
                          },
                          "125": {
                            "position": 40,
                            "type": "text",
                            "subType": "datasource",
                            "id": 125,
                            "pos_x": 1020,
                            "pos_y": 540,
                            "color": "none",
                            "fill": "rgb(32, 2, 9)",
                            "font_family": "\"Comic Sans MS\", cursiv",
                            "font_size": 22,
                            "align": "middle",
                            "text": "ID 125",
                            "unit": "W",
                            "source": 4,
                            "source_option": -1,
                            "source_display": "auto",
                            "shadow": "",
                            "threshold": 0,
                            "calculate_kw": "none",
                            "counter_animation": true,
                            "convert": true,
                            "decimal_places": 0,
                            "action": "none",
                            "subtract": [
                              -1
                            ],
                            "add": [
                              -1
                            ],
                            "frame": "_overlay",
                            "override": {
                              "<0": {
                                "fill": "rgb(32,2,9)"
                              },
                              ">0": {
                                "fill": "rgb(0,0,0,0)"
                              },
                              "==0": {
                                "fill": "rgb(0,0,0,0)"
                              }
                            },
                            "source_action": 4
                          },
                          "138": {
                            "position": 14,
                            "type": "image",
                            "id": "138",
                            "width": 60,
                            "height": 60,
                            "pos_x": 674,
                            "pos_y": 154,
                            "shadow": "",
                            "source": -1,
                            "threshold": 0,
                            "href": "{daswetter.0.NextDays.Location_1.Day_2.iconURL}",
                            "preserveAspectRatio": "xMidYMid meet",
                            "frame": "_overlay",
                            "action": "none"
                          },
                          "139": {
                            "position": 17,
                            "type": "text",
                            "subType": "datasource",
                            "id": 139,
                            "pos_x": 695,
                            "pos_y": 577,
                            "color": "none",
                            "fill": "rgb(255, 206, 74)",
                            "font_family": "\"Comic Sans MS\", cursiv",
                            "font_size": 22,
                            "align": "end",
                            "text": "ID 139",
                            "unit": "",
                            "source": 0,
                            "source_option": -1,
                            "source_display": "auto",
                            "shadow": "rgb(196, 196, 196)",
                            "threshold": 900,
                            "calculate_kw": "none",
                            "counter_animation": true,
                            "convert": false,
                            "decimal_places": 0,
                            "action": "none",
                            "subtract": [
                              -1
                            ],
                            "add": [
                              -1
                            ],
                            "frame": "_overlay",
                            "override": {
                              "==0": {
                                "fill": "rgb(0,0,0,0)"
                              }
                            },
                            "prepend": "",
                            "append": "Watt Gesamtproduktion",
                            "source_action": 0,
                            "linebreak": 4,
                            "css_active_positive": "blink_value"
                          },
                          "144": {
                            "position": 19,
                            "type": "image",
                            "id": "144",
                            "width": 60,
                            "height": 69,
                            "pos_x": 674,
                            "pos_y": 26,
                            "shadow": "",
                            "source": -1,
                            "threshold": 0,
                            "href": "{daswetter.0.NextDays.Location_1.Day_1.iconURL}",
                            "preserveAspectRatio": "xMidYMid meet",
                            "frame": "_overlay",
                            "action": "none"
                          },
                          "164": {
                            "position": 11,
                            "type": "text",
                            "subType": "datasource",
                            "id": 164,
                            "pos_x": 694,
                            "pos_y": 752,
                            "color": "none",
                            "fill": "rgb(167, 177, 206)",
                            "font_family": "\"Comic Sans MS\", cursiv",
                            "font_size": 22,
                            "align": "end",
                            "text": "ID 164",
                            "unit": "",
                            "source": 3,
                            "source_option": -1,
                            "source_display": "auto",
                            "shadow": "rgb(196, 196, 196)",
                            "threshold": 0,
                            "calculate_kw": "none",
                            "counter_animation": true,
                            "convert": true,
                            "decimal_places": 0,
                            "action": "none",
                            "subtract": [
                              -1
                            ],
                            "add": [
                              -1
                            ],
                            "frame": "_overlay",
                            "override": {
                              "<0": {
                                "append": "Watt Einspeisung",
                                "fill": "#A1D343"
                              },
                              ">0": {
                                "append": "Watt Bezug",
                                "fill": "rgb(242,14,64)"
                              },
                              "==0": {
                                "append": "",
                                "value": "no grid"
                              }
                            },
                            "source_action": 3,
                            "linebreak": 8,
                            "append": ""
                          },
                          "169": {
                            "position": 0,
                            "type": "text",
                            "subType": "datasource",
                            "id": 169,
                            "pos_x": 990,
                            "pos_y": 419,
                            "color": "none",
                            "fill": "rgb(11, 12, 11)",
                            "font_family": "\"Comic Sans MS\", cursiv",
                            "font_size": 22,
                            "align": "end",
                            "text": "ID 169",
                            "unit": "",
                            "source": 6,
                            "source_option": -1,
                            "source_display": "value",
                            "shadow": "",
                            "threshold": 0,
                            "calculate_kw": "none",
                            "counter_animation": false,
                            "convert": false,
                            "decimal_places": 0,
                            "action": "none",
                            "subtract": [
                              -1
                            ],
                            "add": [
                              -1
                            ],
                            "frame": "_overlay",
                            "override": {
                              ">99": {
                                "fill": "rgb(19,19,19)"
                              }
                            },
                            "prepend": "SOC",
                            "append": "% "
                          },
                          "207": {
                            "position": 16,
                            "type": "rect",
                            "id": 207,
                            "rx": 10,
                            "height": 40,
                            "width": 270,
                            "pos_x": 303,
                            "pos_y": 157,
                            "fill": "rgb(224, 245, 224)",
                            "color": "rgb(235, 244, 242)",
                            "stroke": 1,
                            "shadow": "rgb(217, 217, 217)",
                            "frame": "_overlay",
                            "fill_type": "percent",
                            "fill_direction": 180,
                            "border_type": -1,
                            "border_direction": "cw",
                            "border_style": "round",
                            "border_reverse": false,
                            "border_start": null,
                            "source": 10,
                            "threshold": 0,
                            "override": {
                              ">0": {
                                "borderfillcolor": "#FF0000",
                                "bordercolor": "rgb(235,244,242)",
                                "fillcolor": "#FF0000"
                              },
                              ">25": {
                                "borderfillcolor": "rgb(255,206,74)",
                                "bordercolor": "rgb(235,244,242))",
                                "fillcolor": "#E8BB43"
                              },
                              ">50": {
                                "borderfillcolor": "#A1D343",
                                "bordercolor": "rgb(235,244,242)",
                                "fillcolor": "rgb(45,224,212)"
                              },
                              ">75": {
                                "borderfillcolor": "#A1D343",
                                "bordercolor": "rgb(235,244,242)",
                                "fillcolor": "#86B038"
                              }
                            },
                            "fill_value": "#5CF4FF",
                            "group": 2
                          },
                          "208": {
                            "position": 15,
                            "type": "rect",
                            "id": 208,
                            "rx": 10,
                            "height": 40,
                            "width": 222,
                            "pos_x": 1475,
                            "pos_y": 157,
                            "fill": "rgb(224, 245, 224)",
                            "color": "rgb(235, 244, 242)",
                            "stroke": 1,
                            "shadow": "rgb(217, 217, 217)",
                            "frame": "_overlay",
                            "fill_type": "percent",
                            "fill_direction": 180,
                            "border_type": -1,
                            "border_direction": "cw",
                            "border_style": "round",
                            "border_reverse": false,
                            "border_start": null,
                            "source": 9,
                            "threshold": 0,
                            "override": {
                              ">0": {
                                "borderfillcolor": "#FF0000",
                                "bordercolor": "rgb(235,244,242)",
                                "fillcolor": "#FF0000"
                              },
                              ">25": {
                                "borderfillcolor": "rgb(255,206,74)",
                                "bordercolor": "rgb(235,244,242))",
                                "fillcolor": "#E8BB43"
                              },
                              ">50": {
                                "borderfillcolor": "#A1D343",
                                "bordercolor": "rgb(235,244,242)",
                                "fillcolor": "rgb(45,224,212)"
                              },
                              ">75": {
                                "borderfillcolor": "#A1D343",
                                "bordercolor": "rgb(235,244,242)",
                                "fillcolor": "#86B038"
                              }
                            },
                            "fill_value": "#5CF4FF",
                            "group": 1
                          },
                          "214": {
                            "position": 0,
                            "type": "rect",
                            "id": 214,
                            "rx": 5,
                            "height": 127,
                            "width": 223,
                            "pos_x": 836,
                            "pos_y": 338,
                            "fill": "rgba(224, 245, 224, 0.99)",
                            "color": "rgba(235, 244, 242, 0)",
                            "stroke": 1,
                            "shadow": "",
                            "frame": "_overlay",
                            "fill_type": "percent",
                            "fill_direction": 90,
                            "border_type": -1,
                            "border_direction": "cw",
                            "border_style": "round",
                            "border_reverse": false,
                            "border_start": null,
                            "source": 6,
                            "threshold": 0,
                            "override": {
                              ">0": {
                                "borderfillcolor": "#FF0000",
                                "bordercolor": "rgb(235,244,242)",
                                "fillcolor": "#FF0000"
                              },
                              ">25": {
                                "borderfillcolor": "rgb(255,206,74)",
                                "bordercolor": "rgb(235,244,242))",
                                "fillcolor": "#E8BB43"
                              },
                              ">50": {
                                "borderfillcolor": "#A1D343",
                                "bordercolor": "rgb(235,244,242)",
                                "fillcolor": "rgb(45,224,212)"
                              },
                              ">75": {
                                "borderfillcolor": "#A1D343",
                                "bordercolor": "rgb(235,244,242)",
                                "fillcolor": "#86B038"
                              }
                            },
                            "fill_value": "rgba(238, 238, 238, 0.94)",
                            "fill_max": 3100
                          },
                          "215": {
                            "position": 0,
                            "type": "text",
                            "subType": "datasource",
                            "id": 215,
                            "pos_x": 1049,
                            "pos_y": 366,
                            "color": "none",
                            "fill": "rgb(11, 12, 11)",
                            "font_family": "\"Comic Sans MS\", cursiv",
                            "font_size": 22,
                            "align": "end",
                            "text": "ID 169",
                            "unit": "",
                            "source": 69,
                            "source_option": -1,
                            "source_display": "auto",
                            "shadow": "",
                            "threshold": 0,
                            "calculate_kw": "none",
                            "counter_animation": false,
                            "convert": true,
                            "decimal_places": 0,
                            "action": "none",
                            "subtract": [
                              -1
                            ],
                            "add": [
                              -1
                            ],
                            "frame": "_overlay",
                            "override": {
                              "==0": {
                                "value": 9650
                              }
                            },
                            "prepend": "",
                            "append": "Wh verfügbar",
                            "source_action": 69
                          },
                          "302": {
                            "position": 59,
                            "id": 302,
                            "pos_x": 780,
                            "pos_y": 298.3636169433594,
                            "source": 16,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "calculate_kw": "none",
                            "counter_animation": true,
                            "convert": false,
                            "decimal_places": 0,
                            "type": "text",
                            "align": "start",
                            "subType": "datasource",
                            "text": "Datasource 302",
                            "source_option": -1,
                            "source_option_lc": -1,
                            "source_display": "text",
                            "linebreak": 0,
                            "subtract": [],
                            "add": [],
                            "unit": "",
                            "source_action": 16,
                            "color": "none",
                            "fill": "rgb(255, 206, 74)",
                            "font_size": 19,
                            "font_family": "\"Comic Sans MS\", cursiv",
                            "prepend": "Restzeit",
                            "append": "zum Be- oder Entladen",
                            "override": {
                              "--:--h": {
                                "fill": "rgb(0,0,0,0)"
                              }
                            }
                          },
                          "304": {
                            "position": 0,
                            "type": "text",
                            "subType": "datasource",
                            "id": 304,
                            "pos_x": 1076,
                            "pos_y": 813,
                            "color": "none",
                            "fill": "rgb(153, 64, 193)",
                            "font_family": "\"Comic Sans MS\", cursiv",
                            "font_size": 22,
                            "align": "end",
                            "text": "ID 169",
                            "unit": "",
                            "source": 68,
                            "source_option": -1,
                            "source_display": "value",
                            "shadow": "",
                            "threshold": 0,
                            "calculate_kw": "none",
                            "counter_animation": false,
                            "convert": false,
                            "decimal_places": 1,
                            "action": "none",
                            "subtract": [
                              -1
                            ],
                            "add": [
                              -1
                            ],
                            "frame": "_overlay",
                            "override": {
                              ">99": {
                                "fill": "rgb(19,19,19)"
                              }
                            },
                            "prepend": "Notstrom-Reserve",
                            "append": "% ",
                            "source_action": 68
                          },
                          "336": {
                            "position": 0,
                            "id": 336,
                            "pos_x": 648,
                            "pos_y": 177,
                            "source": -1,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "href": "ups-blue.png",
                            "width": 600,
                            "height": 800,
                            "type": "image",
                            "preserveAspectRatio": "xMidYMid meet"
                          },
                          "337": {
                            "position": 33,
                            "id": 337,
                            "pos_x": 846,
                            "pos_y": 626,
                            "source": -1,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "href": "e3dc-storage-trans.png",
                            "width": 200,
                            "height": 100,
                            "type": "image",
                            "preserveAspectRatio": "xMidYMid meet"
                          },
                          "346": {
                            "position": 8,
                            "id": 346,
                            "pos_x": 752,
                            "pos_y": 781,
                            "source": -1,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "type": "rect",
                            "width": 50,
                            "height": 15,
                            "rx": 1,
                            "fill_value": "",
                            "fill_type": -1,
                            "fill_direction": 90,
                            "fill_max": 0,
                            "border_value": "",
                            "border_type": -1,
                            "border_direction": "cw",
                            "border_style": "round",
                            "border_max": 0,
                            "border_reverse_value": "",
                            "border_reverse": false,
                            "border_start": 180,
                            "color": "rgba(245, 119, 130, 0)",
                            "fill": "none",
                            "stroke": 2
                          },
                          "347": {
                            "position": 21,
                            "id": 347,
                            "pos_x": 728,
                            "pos_y": 605,
                            "source": -1,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "type": "rect",
                            "width": 50,
                            "height": 15,
                            "rx": 1,
                            "fill_value": "",
                            "fill_type": -1,
                            "fill_direction": 90,
                            "fill_max": 0,
                            "border_value": "",
                            "border_type": -1,
                            "border_direction": "cw",
                            "border_style": "round",
                            "border_max": 0,
                            "border_reverse_value": "",
                            "border_reverse": false,
                            "border_start": 180,
                            "color": "rgba(245, 119, 130, 0)",
                            "fill": "none",
                            "stroke": 2
                          },
                          "349": {
                            "position": 21,
                            "id": 349,
                            "pos_x": 1124,
                            "pos_y": 605,
                            "source": -1,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "type": "rect",
                            "width": 50,
                            "height": 15,
                            "rx": 1,
                            "fill_value": "",
                            "fill_type": -1,
                            "fill_direction": 90,
                            "fill_max": 0,
                            "border_value": "",
                            "border_type": -1,
                            "border_direction": "cw",
                            "border_style": "round",
                            "border_max": 0,
                            "border_reverse_value": "",
                            "border_reverse": false,
                            "border_start": 180,
                            "color": "rgba(245, 119, 130, 0)",
                            "fill": "none",
                            "stroke": 1
                          },
                          "353": {
                            "position": 21,
                            "id": 353,
                            "pos_x": 1120,
                            "pos_y": 673,
                            "source": -1,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "type": "rect",
                            "width": 50,
                            "height": 15,
                            "rx": 1,
                            "fill_value": "",
                            "fill_type": -1,
                            "fill_direction": 90,
                            "fill_max": 0,
                            "border_value": "",
                            "border_type": -1,
                            "border_direction": "cw",
                            "border_style": "round",
                            "border_max": 0,
                            "border_reverse_value": "",
                            "border_reverse": false,
                            "border_start": 180,
                            "color": "rgba(245, 119, 130, 0)",
                            "fill": "none",
                            "stroke": 1
                          },
                          "355": {
                            "position": 21,
                            "id": 355,
                            "pos_x": 1622,
                            "pos_y": 1115,
                            "source": -1,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "type": "rect",
                            "width": 50,
                            "height": 15,
                            "rx": 1,
                            "fill_value": "",
                            "fill_type": -1,
                            "fill_direction": 90,
                            "fill_max": 0,
                            "border_value": "",
                            "border_type": -1,
                            "border_direction": "cw",
                            "border_style": "round",
                            "border_max": 0,
                            "border_reverse_value": "",
                            "border_reverse": false,
                            "border_start": 180,
                            "color": "rgba(245, 119, 130, 0)",
                            "fill": "none",
                            "stroke": 1
                          },
                          "357": {
                            "position": 0,
                            "id": 357,
                            "pos_x": 970,
                            "pos_y": 513,
                            "source": 4,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "rgba(173, 173, 173, 0.94)",
                            "type": "rect",
                            "width": 100,
                            "height": 50,
                            "rx": 10,
                            "fill_value": "rgb(242, 14, 64)",
                            "fill_type": "value",
                            "fill_direction": 0,
                            "fill_max": -3100,
                            "border_value": "",
                            "border_type": -1,
                            "border_direction": "cw",
                            "border_style": "round",
                            "border_max": 0,
                            "border_reverse_value": "",
                            "border_reverse": false,
                            "border_start": 180,
                            "color": "",
                            "fill": "rgb(242, 242, 235)",
                            "stroke": 2
                          },
                          "358": {
                            "position": 0,
                            "id": 358,
                            "pos_x": 826,
                            "pos_y": 513,
                            "source": 4,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "type": "rect",
                            "width": 100,
                            "height": 50,
                            "rx": 10,
                            "fill_value": "rgb(161, 211, 67)",
                            "fill_type": "value",
                            "fill_direction": 180,
                            "fill_max": 3100,
                            "border_value": "",
                            "border_type": -1,
                            "border_direction": "cw",
                            "border_style": "round",
                            "border_max": 0,
                            "border_reverse_value": "",
                            "border_reverse": false,
                            "border_start": 180,
                            "color": "",
                            "fill": "rgb(230, 232, 225)",
                            "stroke": 2
                          },
                          "361": {
                            "position": 40,
                            "type": "text",
                            "subType": "datasource",
                            "id": 361,
                            "pos_x": 874,
                            "pos_y": 540,
                            "color": "none",
                            "fill": "rgb(9, 12, 4)",
                            "font_family": "\"Comic Sans MS\", cursiv",
                            "font_size": 22,
                            "align": "middle",
                            "text": "ID 125",
                            "unit": "W",
                            "source": 4,
                            "source_option": -1,
                            "source_display": "auto",
                            "shadow": "",
                            "threshold": 0,
                            "calculate_kw": "none",
                            "counter_animation": true,
                            "convert": false,
                            "decimal_places": 0,
                            "action": "none",
                            "subtract": [
                              -1
                            ],
                            "add": [
                              -1
                            ],
                            "frame": "_overlay",
                            "override": {
                              ">0": {
                                "fill": "rgb(9,12,4)"
                              },
                              "<0": {
                                "fill": "rgb(0,0,0,0)"
                              },
                              "==0": {
                                "fill": "rgb(0,0,0,0)"
                              }
                            },
                            "source_action": 4
                          },
                          "362": {
                            "position": 12,
                            "id": 362,
                            "pos_x": 768,
                            "pos_y": 515,
                            "source": 4,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "href": "add.png",
                            "width": 45,
                            "height": 45,
                            "type": "image",
                            "preserveAspectRatio": "xMidYMid meet",
                            "override": {
                              "<0": {
                                "img_url": "http://192.168.2.40:8082/energiefluss-erweitert.1/userFiles/thumbnail/no-stopping.png"
                              },
                              ">0": {
                                "img_url": "http://192.168.2.40:8082/energiefluss-erweitert.1/userFiles/thumbnail/add.png"
                              },
                              "==0": {
                                "img_url": "http://192.168.2.40:8082/energiefluss-erweitert.1/userFiles/thumbnail/no-stopping.png"
                              }
                            }
                          },
                          "363": {
                            "position": 13,
                            "id": 363,
                            "pos_x": 1084,
                            "pos_y": 515,
                            "source": 4,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "href": "minus.png",
                            "width": 45,
                            "height": 45,
                            "type": "image",
                            "preserveAspectRatio": "xMidYMid meet",
                            "override": {
                              "<0": {
                                "img_url": "http://192.168.2.40:8082/energiefluss-erweitert.1/userFiles/thumbnail/minus.png"
                              },
                              ">0": {
                                "img_url": "http://192.168.2.40:8082/energiefluss-erweitert.1/userFiles/thumbnail/no-stopping.png"
                              },
                              "==0": {
                                "img_url": "http://192.168.2.40:8082/energiefluss-erweitert.1/userFiles/thumbnail/no-stopping.png"
                              }
                            }
                          },
                          "364": {
                            "position": 0,
                            "id": 364,
                            "pos_x": 1592,
                            "pos_y": 784,
                            "source": 12,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "calculate_kw": "none",
                            "counter_animation": false,
                            "convert": false,
                            "decimal_places": 0,
                            "type": "text",
                            "align": "start",
                            "subType": "datasource",
                            "text": "Datasource 364",
                            "source_option": -1,
                            "source_option_lc": -1,
                            "source_display": "auto",
                            "linebreak": 0,
                            "subtract": [],
                            "add": [],
                            "unit": "W",
                            "source_action": 12,
                            "color": "none",
                            "fill": "rgb(170, 182, 214)",
                            "font_size": 22,
                            "font_family": "\"Comic Sans MS\", cursiv",
                            "override": {
                              ">1": {
                                "fill": "#F20E40"
                              },
                              "==0": {
                                "fill": "rgb(0,0,0,0)"
                              }
                            },
                            "prepend": "Total"
                          },
                          "365": {
                            "position": 0,
                            "id": 365,
                            "pos_x": 1390,
                            "pos_y": 860,
                            "source": 34,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "calculate_kw": "none",
                            "counter_animation": false,
                            "convert": false,
                            "decimal_places": 0,
                            "type": "text",
                            "align": "start",
                            "subType": "datasource",
                            "text": "Datasource 364",
                            "source_option": -1,
                            "source_option_lc": -1,
                            "source_display": "auto",
                            "linebreak": 0,
                            "subtract": [],
                            "add": [],
                            "unit": "W",
                            "source_action": 34,
                            "color": "none",
                            "fill": "rgb(0, 181, 221)",
                            "font_size": 22,
                            "font_family": "\"Comic Sans MS\", cursiv",
                            "override": {
                              ">1": {
                                "fill": "#F20E40"
                              },
                              "==0": {
                                "fill": "rgb(0,0,0,0)"
                              }
                            },
                            "prepend": "Netz"
                          },
                          "366": {
                            "position": 0,
                            "id": 366,
                            "pos_x": 1385,
                            "pos_y": 647,
                            "source": 5,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "calculate_kw": "none",
                            "counter_animation": false,
                            "convert": false,
                            "decimal_places": 0,
                            "type": "text",
                            "align": "start",
                            "subType": "datasource",
                            "text": "Datasource 364",
                            "source_option": -1,
                            "source_option_lc": -1,
                            "source_display": "auto",
                            "linebreak": 0,
                            "subtract": [],
                            "add": [],
                            "unit": "W",
                            "source_action": 5,
                            "color": "none",
                            "fill": "rgb(255, 206, 74)",
                            "font_size": 22,
                            "font_family": "\"Comic Sans MS\", cursiv",
                            "override": {
                              ">1": {
                                "fill": "#FFCE4A"
                              },
                              "==0": {
                                "fill": "rgb(0,0,0,0)"
                              }
                            },
                            "append": "",
                            "prepend": "Solar"
                          },
                          "370": {
                            "position": 12,
                            "id": 370,
                            "pos_x": 724,
                            "pos_y": 274,
                            "source": 4,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "type": "rect",
                            "width": 447,
                            "height": 564,
                            "rx": 10,
                            "fill_value": "",
                            "fill_type": -1,
                            "fill_direction": 90,
                            "fill_max": 0,
                            "border_value": "rgb(33, 33, 33)",
                            "border_type": "value",
                            "border_direction": "cw",
                            "border_style": "round",
                            "border_max": 3050,
                            "border_reverse_value": "rgb(242, 14, 64)",
                            "border_reverse": true,
                            "border_start": 270,
                            "color": "rgb(161, 211, 67)",
                            "fill": "none",
                            "stroke": 5
                          },
                          "371": {
                            "position": 8,
                            "id": 371,
                            "pos_x": 148,
                            "pos_y": 995,
                            "source": 3,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "radius": 100,
                            "type": "circle",
                            "fill_value": "",
                            "fill_type": -1,
                            "fill_direction": 90,
                            "fill_max": 0,
                            "border_value": "rgb(31, 31, 31)",
                            "border_type": "value",
                            "border_direction": "cw",
                            "border_style": "round",
                            "border_max": 9500,
                            "border_reverse_value": "rgb(161, 211, 67)",
                            "border_reverse": true,
                            "border_start": 270,
                            "color": "rgb(242, 14, 64)",
                            "fill": "rgba(130, 67, 255, 0.11)",
                            "stroke": 8
                          },
                          "372": {
                            "position": 5,
                            "id": 372,
                            "pos_x": 1844,
                            "pos_y": 174,
                            "source": 2,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "radius": 100,
                            "type": "circle",
                            "fill_value": "",
                            "fill_type": -1,
                            "fill_direction": 90,
                            "fill_max": 0,
                            "border_value": "rgb(31, 31, 31)",
                            "border_type": "value",
                            "border_direction": "cw",
                            "border_style": "round",
                            "border_max": 6500,
                            "border_reverse_value": "rgb(242, 14, 64)",
                            "border_reverse": false,
                            "border_start": 90,
                            "color": "rgb(242, 14, 64)",
                            "fill": "rgba(242, 14, 64, 0.15)",
                            "stroke": 8
                          },
                          "373": {
                            "position": 4,
                            "id": 373,
                            "pos_x": 148,
                            "pos_y": 174,
                            "source": 0,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "radius": 100,
                            "type": "circle",
                            "fill_value": "",
                            "fill_type": -1,
                            "fill_direction": 90,
                            "fill_max": 0,
                            "border_value": "rgb(31, 31, 31)",
                            "border_type": "value",
                            "border_direction": "ccw",
                            "border_style": "round",
                            "border_max": 19500,
                            "border_reverse_value": "rgb(242, 14, 64)",
                            "border_reverse": false,
                            "border_start": 90,
                            "color": "rgb(255, 206, 74)",
                            "fill": "rgba(255, 206, 74, 0.216)",
                            "stroke": 8
                          },
                          "374": {
                            "position": 9,
                            "id": 374,
                            "pos_x": 1435,
                            "pos_y": 754,
                            "source": 12,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "radius": 80,
                            "type": "circle",
                            "fill_value": "",
                            "fill_type": -1,
                            "fill_direction": 90,
                            "fill_max": 0,
                            "border_value": "rgb(31, 31, 31)",
                            "border_type": "value",
                            "border_direction": "cw",
                            "border_style": "round",
                            "border_max": 11000,
                            "border_reverse_value": "rgb(242, 14, 64)",
                            "border_reverse": false,
                            "border_start": 270,
                            "color": "rgb(170, 182, 214)",
                            "fill": "none",
                            "stroke": 6
                          },
                          "375": {
                            "position": 0,
                            "id": 375,
                            "pos_x": 1435,
                            "pos_y": 754,
                            "source": 34,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "radius": 70,
                            "type": "circle",
                            "fill_value": "",
                            "fill_type": -1,
                            "fill_direction": 90,
                            "fill_max": 0,
                            "border_value": "rgb(31, 31, 31)",
                            "border_type": "value",
                            "border_direction": "cw",
                            "border_style": "round",
                            "border_max": 11000,
                            "border_reverse_value": "rgb(242, 14, 64)",
                            "border_reverse": false,
                            "border_start": 270,
                            "color": "rgb(0, 181, 221)",
                            "fill": "none",
                            "stroke": 6
                          },
                          "376": {
                            "position": 0,
                            "id": 376,
                            "pos_x": 1435,
                            "pos_y": 754,
                            "source": 5,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "radius": 60,
                            "type": "circle",
                            "fill_value": "",
                            "fill_type": -1,
                            "fill_direction": 90,
                            "fill_max": 0,
                            "border_value": "rgb(31, 31, 31)",
                            "border_type": "value",
                            "border_direction": "ccw",
                            "border_style": "round",
                            "border_max": 11000,
                            "border_reverse_value": "rgb(242, 14, 64)",
                            "border_reverse": false,
                            "border_start": 270,
                            "color": "rgb(255, 206, 74)",
                            "fill": "none",
                            "stroke": 6
                          },
                          "377": {
                            "position": 21,
                            "id": 377,
                            "pos_x": 726,
                            "pos_y": 708,
                            "source": -1,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "type": "rect",
                            "width": 50,
                            "height": 15,
                            "rx": 1,
                            "fill_value": "",
                            "fill_type": -1,
                            "fill_direction": 90,
                            "fill_max": 0,
                            "border_value": "",
                            "border_type": -1,
                            "border_direction": "cw",
                            "border_style": "round",
                            "border_max": 0,
                            "border_reverse_value": "",
                            "border_reverse": false,
                            "border_start": 180,
                            "color": "rgba(245, 119, 130, 0)",
                            "fill": "none",
                            "stroke": 2
                          },
                          "378": {
                            "position": 21,
                            "id": 378,
                            "pos_x": 740,
                            "pos_y": 710,
                            "source": -1,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "type": "rect",
                            "width": 50,
                            "height": 15,
                            "rx": 1,
                            "fill_value": "",
                            "fill_type": -1,
                            "fill_direction": 90,
                            "fill_max": 0,
                            "border_value": "",
                            "border_type": -1,
                            "border_direction": "cw",
                            "border_style": "round",
                            "border_max": 0,
                            "border_reverse_value": "",
                            "border_reverse": false,
                            "border_start": 180,
                            "color": "rgba(245, 119, 130, 0)",
                            "fill": "none",
                            "stroke": 2
                          },
                          "379": {
                            "position": 1,
                            "id": 379,
                            "pos_x": 1844,
                            "pos_y": 995,
                            "source": 12,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "radius": 100,
                            "type": "circle",
                            "fill_value": "",
                            "fill_type": -1,
                            "fill_direction": 90,
                            "fill_max": 0,
                            "border_value": "rgb(31, 31, 31)",
                            "border_type": "value",
                            "border_direction": "cw",
                            "border_style": "round",
                            "border_max": 11000,
                            "border_reverse_value": "rgb(242, 14, 64)",
                            "border_reverse": false,
                            "border_start": 270,
                            "color": "rgb(0, 181, 221)",
                            "fill": "rgba(0, 181, 221, 0.22)",
                            "stroke": 8
                          },
                          "380": {
                            "position": 0,
                            "id": 380,
                            "pos_x": 149,
                            "pos_y": 129,
                            "source": -1,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "type": "text",
                            "text": "Solar Panel\n22 kwp\nOst/West/Süd",
                            "align": "middle",
                            "color": "none",
                            "fill": "rgb(191, 191, 191)",
                            "font_size": 20,
                            "font_family": "\"Comic Sans MS\", cursiv"
                          },
                          "381": {
                            "position": 2,
                            "id": 381,
                            "pos_x": 1844,
                            "pos_y": 174,
                            "source": -1,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "type": "text",
                            "text": "Haus",
                            "align": "middle",
                            "color": "none",
                            "fill": "rgb(191, 191, 191)",
                            "font_size": 20,
                            "font_family": "\"Comic Sans MS\", cursiv"
                          },
                          "382": {
                            "position": 0,
                            "id": 382,
                            "pos_x": 149,
                            "pos_y": 955,
                            "source": -1,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "type": "text",
                            "text": "Grid - \nBezug und\nEinspeisung",
                            "align": "middle",
                            "color": "none",
                            "fill": "rgb(191, 191, 191)",
                            "font_size": 20,
                            "font_family": "\"Comic Sans MS\", cursiv"
                          },
                          "383": {
                            "position": 0,
                            "id": 383,
                            "pos_x": 1846,
                            "pos_y": 1001,
                            "source": -1,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "type": "text",
                            "text": "E-Auto",
                            "align": "middle",
                            "color": "none",
                            "fill": "rgb(191, 191, 191)",
                            "font_size": 20,
                            "font_family": "\"Comic Sans MS\", cursiv"
                          },
                          "384": {
                            "position": 21,
                            "id": 384,
                            "pos_x": 1121,
                            "pos_y": 708,
                            "source": -1,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "type": "rect",
                            "width": 50,
                            "height": 15,
                            "rx": 1,
                            "fill_value": "",
                            "fill_type": -1,
                            "fill_direction": 90,
                            "fill_max": 0,
                            "border_value": "",
                            "border_type": -1,
                            "border_direction": "cw",
                            "border_style": "round",
                            "border_max": 0,
                            "border_reverse_value": "",
                            "border_reverse": false,
                            "border_start": 180,
                            "color": "rgba(245, 119, 130, 0)",
                            "fill": "none",
                            "stroke": 1
                          },
                          "385": {
                            "position": 0,
                            "id": 385,
                            "pos_x": 1433,
                            "pos_y": 755,
                            "source": -1,
                            "threshold": 0,
                            "frame": "_overlay",
                            "url": "",
                            "action": "none",
                            "shadow": "",
                            "type": "text",
                            "text": "Wallbox",
                            "align": "middle",
                            "color": "none",
                            "fill": "rgb(191, 191, 191)",
                            "font_size": 20,
                            "font_family": "\"Comic Sans MS\", cursiv",
                            "group": null
                          }
                        },
                        "defs": {
                          "path_373_347": {
                            "type": "def",
                            "id": "path_373_347",
                            "startSlot": "bottom",
                            "endSlot": "left",
                            "d": "M148 278 V 597 A 15 15 0 0 0 163 612 H 727"
                          },
                          "path_371_377": {
                            "type": "def",
                            "id": "path_371_377",
                            "startSlot": "top",
                            "endSlot": "left",
                            "d": "M148 891 V 730 A 15 15 0 0 1 163 715 H 725"
                          },
                          "path_349_372": {
                            "type": "def",
                            "id": "path_349_372",
                            "startSlot": "right",
                            "endSlot": "bottom",
                            "d": "M1174 612 H 1829 A 15 15 0 0 0 1844 597 V 278"
                          },
                          "path_374_379": {
                            "type": "def",
                            "id": "path_374_379",
                            "startSlot": "right",
                            "endSlot": "top",
                            "d": "M1518 754 H 1829 A 15 15 0 0 1 1844 769 V 891"
                          },
                          "path_353_376": {
                            "type": "def",
                            "id": "path_353_376",
                            "startSlot": "right",
                            "endSlot": "left_top",
                            "d": "M1170 680 H 1221.4046106882115 A 15 15 0 0 1 1236.4046106882115 695 V 718.4787914004598 A 15 15 0 0 0 1251.4046106882115 733.4787914004598 H 1375.6184427528456",
                            "line_arc": 25
                          },
                          "path_384_374": {
                            "type": "def",
                            "id": "path_384_374",
                            "startSlot": "right",
                            "endSlot": "left_bottom",
                            "d": "M1171 715 H 1198.873688550569 A 15 15 0 0 1 1213.873688550569 730 V 766.3616114660535 A 15 15 0 0 0 1228.873688550569 781.3616114660535 H 1356.8245903371273",
                            "line_arc": 15
                          }
                        },
                        "lines": {
                          "line_path_373_347": {
                            "type": "line",
                            "id": "line_path_373_347",
                            "color": "none",
                            "href": "#path_373_347"
                          },
                          "line_path_371_377": {
                            "type": "line",
                            "id": "line_path_371_377",
                            "color": "none",
                            "href": "#path_371_377",
                            "override": {}
                          },
                          "line_path_349_372": {
                            "type": "line",
                            "id": "line_path_349_372",
                            "color": "rgba(0, 0, 0, 0.008)",
                            "href": "#path_349_372"
                          },
                          "line_path_374_379": {
                            "type": "line",
                            "id": "line_path_374_379",
                            "color": "none",
                            "href": "#path_374_379"
                          },
                          "line_path_353_376": {
                            "type": "line",
                            "id": "line_path_353_376",
                            "color": "none",
                            "href": "#path_353_376"
                          },
                          "line_path_384_374": {
                            "type": "line",
                            "id": "line_path_384_374",
                            "color": "none",
                            "href": "#path_384_374"
                          }
                        },
                        "animations": {
                          "anim_path_373_347": {
                            "type": "animation",
                            "id": "anim_path_373_347",
                            "color": "rgb(255, 206, 74)",
                            "href": "#path_373_347",
                            "source": 0,
                            "animation_properties": "positive",
                            "animation_option": false,
                            "threshold": null,
                            "dots": null,
                            "duration": null,
                            "power": null,
                            "animation_type": -1,
                            "css_general": "",
                            "css_active_positive": "",
                            "css_inactive_positive": "",
                            "css_active_negative": "",
                            "css_inactive_negative": "",
                            "active_only": true
                          },
                          "anim_path_371_377": {
                            "type": "animation",
                            "id": "anim_path_371_377",
                            "color": "rgb(242, 14, 64)",
                            "href": "#path_371_377",
                            "source": 3,
                            "animation_properties": "positive",
                            "animation_option": true,
                            "threshold": null,
                            "dots": null,
                            "duration": null,
                            "power": null,
                            "animation_type": -1,
                            "css_general": "",
                            "css_active_positive": "",
                            "css_inactive_positive": "",
                            "css_active_negative": "",
                            "css_inactive_negative": "",
                            "active_only": true,
                            "override": {
                              "<0": {
                                "stroke": "#A1D343"
                              },
                              ">0": {
                                "stroke": "rgb(242,14,64)"
                              },
                              "==0": {
                                "stroke": "rgb(0,0,0,0)"
                              }
                            }
                          },
                          "anim_path_349_372": {
                            "type": "animation",
                            "id": "anim_path_349_372",
                            "color": "rgb(242, 14, 64)",
                            "href": "#path_349_372",
                            "source": 2,
                            "animation_properties": "positive",
                            "animation_option": false,
                            "threshold": null,
                            "dots": null,
                            "duration": null,
                            "power": null,
                            "animation_type": -1,
                            "css_general": "",
                            "css_active_positive": "",
                            "css_inactive_positive": "",
                            "css_active_negative": "",
                            "css_inactive_negative": ""
                          },
                          "anim_path_374_379": {
                            "type": "animation",
                            "id": "anim_path_374_379",
                            "color": "rgb(170, 182, 214)",
                            "href": "#path_374_379",
                            "source": 12,
                            "animation_properties": "positive",
                            "animation_option": false,
                            "threshold": null,
                            "dots": null,
                            "duration": null,
                            "power": null,
                            "animation_type": -1,
                            "css_general": "",
                            "css_active_positive": "",
                            "css_inactive_positive": "",
                            "css_active_negative": "",
                            "css_inactive_negative": "",
                            "active_only": false
                          },
                          "anim_path_353_376": {
                            "type": "animation",
                            "id": "anim_path_353_376",
                            "color": "rgb(255, 206, 74)",
                            "href": "#path_353_376",
                            "source": 5,
                            "animation_properties": "positive",
                            "animation_option": false,
                            "threshold": null,
                            "dots": null,
                            "duration": null,
                            "power": null,
                            "animation_type": -1,
                            "css_general": "",
                            "css_active_positive": "",
                            "css_inactive_positive": "",
                            "css_active_negative": "",
                            "css_inactive_negative": "",
                            "active_only": true
                          },
                          "anim_path_384_374": {
                            "type": "animation",
                            "id": "anim_path_384_374",
                            "color": "rgb(0, 181, 221)",
                            "href": "#path_384_374",
                            "source": 34,
                            "animation_properties": "positive",
                            "animation_option": false,
                            "threshold": null,
                            "dots": null,
                            "duration": null,
                            "power": null,
                            "animation_type": -1,
                            "css_general": "",
                            "css_active_positive": "",
                            "css_inactive_positive": "",
                            "css_active_negative": "",
                            "css_inactive_negative": "",
                            "active_only": true
                          }
                        },
                        "datasources": {
                          "0": {
                            "source": "0_userdata.0.vis.E3DC.ProdGesamt",
                            "alias": "E3DC-Prod-Gesamt",
                            "factor": 1
                          },
                          "2": {
                            "source": "e3dc-rscp.0.EMS.POWER_HOME",
                            "alias": "E3DC-Haus",
                            "factor": 1
                          },
                          "3": {
                            "source": "e3dc-rscp.0.EMS.POWER_GRID",
                            "alias": "E3DC-Grid",
                            "factor": 1
                          },
                          "4": {
                            "source": "e3dc-rscp.0.EMS.POWER_BAT",
                            "alias": "E3DC-Akku",
                            "factor": 1
                          },
                          "5": {
                            "source": "e3dc-rscp.0.WB.WB_0.EXTERN_DATA_SUN.SunPower",
                            "alias": "E3DC-WB-Solar",
                            "factor": 1
                          },
                          "6": {
                            "source": "e3dc-rscp.0.EMS.BAT_SOC",
                            "alias": "E3DC-SOC",
                            "factor": 1
                          },
                          "9": {
                            "source": "e3dc-rscp.0.EMS.AUTARKY",
                            "alias": "E3DC-Autarkie",
                            "factor": 1
                          },
                          "10": {
                            "source": "e3dc-rscp.0.EMS.SELF_CONSUMPTION",
                            "alias": "E3DC-EV",
                            "factor": 1
                          },
                          "12": {
                            "source": "e3dc-rscp.0.WB.WB_0.EXTERN_DATA_ALL.TotalPower",
                            "alias": "E3DC-WB-Laden",
                            "factor": 1
                          },
                          "16": {
                            "source": "energiefluss-erweitert.1.calculation.battery.remaining",
                            "alias": "E3DC-Akku-Restzeit",
                            "factor": 1
                          },
                          "34": {
                            "source": "e3dc-rscp.0.WB.WB_0.EXTERN_DATA_NET.GridPower",
                            "alias": "E3DC-WB-Netz",
                            "factor": 1
                          },
                          "39": {
                            "source": "e3dc-rscp.0.BAT.BAT_0.SPECIFIED_CAPACITY",
                            "alias": "E3DC-Akku-Cap",
                            "factor": 1
                          },
                          "68": {
                            "source": "e3dc-rscp.0.EP.PARAM_0.PARAM_EP_RESERVE",
                            "alias": "E3DC-Akku-Notstrom",
                            "factor": 1
                          },
                          "69": {
                            "source": "energiefluss-erweitert.1.calculation.battery.remaining_energy",
                            "alias": "E3DC-Akku-Current",
                            "factor": 1
                          }
                        }
                      }
                      

                      Dateien/Bilder kommen gleich noch
                      minus.png
                      add.png
                      ups-blue.png

                      1 Antwort Letzte Antwort
                      0
                      • wendy2702W wendy2702

                        Hi,

                        da ich kein besonders großer Grafik und Design Profi bin würde ich mich freuen wenn Ihr in diesem Thread eure Energiefluss-Erweitert Ansichten zeigen könntet. Da kann nicht nur ich mir anregungen holen und gezielt Fragen stellen.

                        Freue mich auf eure Umsetzungen.

                        sigi234S Online
                        sigi234S Online
                        sigi234
                        Forum Testing Most Active
                        schrieb am zuletzt editiert von
                        #52

                        Hallo,

                        hier mal meine Ansicht für eine Bewässerung, noch in Arbeit und ein bisschen Zweckentfremdet. :grinning:
                        Funktioniert aber einwandfrei.

                        Screenshot (1247).png

                        Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                        Immer Daten sichern!

                        1 Antwort Letzte Antwort
                        1
                        • M Offline
                          M Offline
                          micklafisch
                          schrieb am zuletzt editiert von
                          #53

                          meine kleine und mit Absicht sehr schlichte Ansicht. Das ganze ist auf einem Tablet im Hauseingangsbereich und soll lediglich den schnellen Blick auf den Stromfluss geben. Neben den dynamischen Verbrauchslinien ist die einzige "Spielerei" dass der SOC des Akkus in mehreren Schritten füllstandsmäßig angezeigt wird:

                          e84d2431-0024-4cb9-beea-6b681540d0c2-image.png

                          W 1 Antwort Letzte Antwort
                          0
                          • M micklafisch

                            meine kleine und mit Absicht sehr schlichte Ansicht. Das ganze ist auf einem Tablet im Hauseingangsbereich und soll lediglich den schnellen Blick auf den Stromfluss geben. Neben den dynamischen Verbrauchslinien ist die einzige "Spielerei" dass der SOC des Akkus in mehreren Schritten füllstandsmäßig angezeigt wird:

                            e84d2431-0024-4cb9-beea-6b681540d0c2-image.png

                            W Offline
                            W Offline
                            warp735
                            schrieb am zuletzt editiert von
                            #54

                            @micklafisch
                            Gefällt mir :+1:
                            Hier gibts ja Ansichten, die dermaßen überladen und bombenvoll mit Miniinformationen, das ich nicht verstehen kann, dass das manchen gefällt. Da brauch man ja ne Lupe um was zu erkennen. Sind dann noch meistens die, die hier über 4k Screenshots maulen :sunglasses:

                            1 Antwort Letzte Antwort
                            0
                            • D Offline
                              D Offline
                              Denzel 0
                              schrieb am zuletzt editiert von
                              #55

                              Hallo,
                              kann mir jemand sagen, wie ihr die Hintergrundbilder im Energiefluß rein bekommen habt?
                              Danke

                              BananaJoeB 1 Antwort Letzte Antwort
                              0
                              • D Denzel 0

                                Hallo,
                                kann mir jemand sagen, wie ihr die Hintergrundbilder im Energiefluß rein bekommen habt?
                                Danke

                                BananaJoeB Offline
                                BananaJoeB Offline
                                BananaJoe
                                Most Active
                                schrieb am zuletzt editiert von BananaJoe
                                #56

                                @Denzel-0 einfach ein Bild einfügen dessen Z-Index kleiner ist als der vom Energiefluss?
                                Also nicht über diesen Adapter sondern über VIS

                                ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 750W kaskadiert || Creality CR-10 SE 3D-Drucker

                                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

                                340

                                Online

                                32.6k

                                Benutzer

                                82.1k

                                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