Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

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

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Energiefluss-Erweitert Ansichten

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    22
    1
    1.0k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.1k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    14
    1
    2.4k

Energiefluss-Erweitert Ansichten

Geplant Angeheftet Gesperrt Verschoben Visualisierung
54 Beiträge 25 Kommentatoren 12.2k Aufrufe 24 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • MuppibaerM Muppibaer

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

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

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

    Beta-Tester

    1 Antwort Letzte Antwort
    0
    • Merlin123M Merlin123

      @ps1304 Wo hast Du denn die Icons her?

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

      @merlin123 flaticon

      Merlin123M 1 Antwort Letzte Antwort
      0
      • P ps1304

        @merlin123 flaticon

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

        @ps1304 Danke :)

        Beta-Tester

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

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

          Danke schonmal,

          Dominik

          P 1 Antwort Letzte Antwort
          0
          • Dominik RehmD Dominik Rehm

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

            Danke schonmal,

            Dominik

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

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

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

              Hi,

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

              Freue mich auf eure Umsetzungen.

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

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

              Energiefluss_2025_05_20_JP.jpeg

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

                Hi,

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

                Danke dafür....

                Screenshot 2025-06-18 09.52.20.png

                W 1 Antwort Letzte Antwort
                1
                • wendy2702W wendy2702

                  Hi,

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

                  Freue mich auf eure Umsetzungen.

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

                  @wendy2702 sagte in Energiefluss-Erweitert Ansichten:

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

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

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

                  2025-06-18_10-24.png

                  Gruß Master67

                  1 Antwort Letzte Antwort
                  1
                  • Marko HinrichsenM Marko Hinrichsen

                    Hi,

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

                    Danke dafür....

                    Screenshot 2025-06-18 09.52.20.png

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

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

                    1 Antwort Letzte Antwort
                    0
                    • wendy2702W wendy2702

                      Hi,

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

                      Freue mich auf eure Umsetzungen.

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

                      Für alle Besitzer einer E3DC Anlage:

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

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

                      hier das config file:

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

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

                      1 Antwort Letzte Antwort
                      0
                      • wendy2702W wendy2702

                        Hi,

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

                        Freue mich auf eure Umsetzungen.

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

                        Hallo,

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

                        Screenshot (1247).png

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

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

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

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

                          W 1 Antwort Letzte Antwort
                          0
                          • M micklafisch

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

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

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

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

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


                            Support us

                            ioBroker
                            Community Adapters
                            Donate

                            821

                            Online

                            32.5k

                            Benutzer

                            81.6k

                            Themen

                            1.3m

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

                            • Du hast noch kein Konto? Registrieren

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