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
    14
    1
    283

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    1.8k

Energiefluss-Erweitert Ansichten

Geplant Angeheftet Gesperrt Verschoben Visualisierung
54 Beiträge 25 Kommentatoren 12.5k Aufrufe 24 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.
  • 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
                      Antworten
                      • In einem neuen Thema antworten
                      Anmelden zum Antworten
                      • Älteste zuerst
                      • Neuste zuerst
                      • Meiste Stimmen


                      Support us

                      ioBroker
                      Community Adapters
                      Donate

                      440

                      Online

                      32.5k

                      Benutzer

                      81.9k

                      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