Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Energiefluss-Erweitert Ansichten

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    Energiefluss-Erweitert Ansichten

    This topic has been deleted. Only users with topic management privileges can see it.
    • P
      ps1304 @Homoran last edited by

      @homoran danke Dir - erledigt

      1 Reply Last reply Reply Quote 0
      • Merlin123
        Merlin123 @Muppibaer last edited by Merlin123

        @muppibaer Boah! Sieht klasse aus! Wie hast Du das denn gemacht? Also Haus und Wetter....

        (Und kleiner Hinweis: Unten rechts beim Zähler müssen das kWh und nicht kW sein 😉 )

        1 Reply Last reply Reply Quote 0
        • Merlin123
          Merlin123 @ps1304 last edited by

          @ps1304 Wo hast Du denn die Icons her?

          Muppibaer P 2 Replies Last reply Reply Quote 0
          • Muppibaer
            Muppibaer @Merlin123 last edited by 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.

            Merlin123 1 Reply Last reply Reply Quote 0
            • Merlin123
              Merlin123 @Muppibaer last edited by

              @muppibaer Ah ok. Dank Dir 🙂 Muss ich mal schauen

              1 Reply Last reply Reply Quote 0
              • P
                ps1304 @Merlin123 last edited by

                @merlin123 flaticon

                Merlin123 1 Reply Last reply Reply Quote 0
                • Merlin123
                  Merlin123 @ps1304 last edited by

                  @ps1304 Danke 🙂

                  1 Reply Last reply Reply Quote 0
                  • Dominik Rehm
                    Dominik Rehm last edited by

                    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 Reply Last reply Reply Quote 0
                    • P
                      ps1304 @Dominik Rehm last edited by

                      @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 Reply Last reply Reply Quote 0
                      • J
                        JoP @wendy2702 last edited by JoP

                        @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 Reply Last reply Reply Quote 0
                        • Marko Hinrichsen
                          Marko Hinrichsen last edited by

                          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 Reply Last reply Reply Quote 1
                          • Master67
                            Master67 @wendy2702 last edited by

                            @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

                            1 Reply Last reply Reply Quote 1
                            • W
                              warp735 @Marko Hinrichsen last edited by

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

                              1 Reply Last reply Reply Quote 0
                              • P
                                ps1304 @wendy2702 last edited by ps1304

                                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 Reply Last reply Reply Quote 0
                                • sigi234
                                  sigi234 Forum Testing Most Active @wendy2702 last edited by

                                  Hallo,

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

                                  Screenshot (1247).png

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

                                    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 Reply Last reply Reply Quote 0
                                    • W
                                      warp735 @micklafisch last edited by

                                      @micklafisch
                                      Gefällt mir 👍
                                      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 😎

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

                                      Support us

                                      ioBroker
                                      Community Adapters
                                      Donate

                                      489
                                      Online

                                      31.9k
                                      Users

                                      80.1k
                                      Topics

                                      1.3m
                                      Posts

                                      25
                                      54
                                      7897
                                      Loading More Posts
                                      • Oldest to Newest
                                      • Newest to Oldest
                                      • Most Votes
                                      Reply
                                      • Reply as topic
                                      Log in to reply
                                      Community
                                      Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                      The ioBroker Community 2014-2023
                                      logo