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

  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Support Adapter Energiefluss-erweitert v0.7.7

NEWS

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

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

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

Support Adapter Energiefluss-erweitert v0.7.7

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
4.5k Beiträge 196 Kommentatoren 5.8m Aufrufe 167 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.
  • Elektrofix-OLE Elektrofix-OL

    @skb Hört sich interessant an. Heute habe ich bei mir die dynamischen Strompreise eingefügt und bekomme die Preis in €, hätte sie gerne in Ct dargestellt. Eine Umrechnungsfunktion wäre ein Träumchen :flushed:

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

    @elektrofix-ol Von Euro und Cent steht da nichts. Nur von W in kW.

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

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

    Elektrofix-OLE 1 Antwort Letzte Antwort
    0
    • SKBS SKB

      @elektrofix-ol Von Euro und Cent steht da nichts. Nur von W in kW.

      Elektrofix-OLE Offline
      Elektrofix-OLE Offline
      Elektrofix-OL
      schrieb am zuletzt editiert von
      #2127

      @skb Ja, habe ich so verstanden. War nur eine Stellungnahme das eine "Umrechnungsfunktion" sicherlich nützlich ist, ob nur von kW in W oder noch in andere Funktion ist immer Dir als Programmierer überlassen.
      Ich als User muss mit dem Leben was da ist, und das kann ich mit diesem Adapter schon verdammt gut!! Macht Spass mit ihm zu experimentieren :grin:

      Ich glaube ich habe noch einen Bug gefunden:
      Ich wollte die Phasenströme noch an dem Rechteck vom Netz anflanschen. Erst habe ich mit einem Kreis (ID80) experimentiert, der liegt zur Hälfte im Hintergrund vom Netz-Rechteck (ID14), läßt sich jedoch nicht in den Vordergrund anordnen. Bei Rechteck (ID79) verhält sich das gegenteilig, dieses bekomme ich nicht in den Hintergrund, so das ID14 im Vordergrund ist. Das Drücken der Symbole beim Organisieren hat damit für mich keine Erkennbare Funkton, egal ob ich es als einzelnes Element oder in einer Auswahl von mehreren mache.
      139c66f0-87a3-41b4-a82f-1c580b5d3853-image.png

      {
          "basic": {
              "enable_grid": true,
              "enable_animation": true,
              "enable_area_catch": true,
              "enable_config_icon": true,
              "enable_last_id": false,
              "enable_icon_proxy": false,
              "enable_low_performance": false,
              "height": 385,
              "width": 753,
              "styles": "#HTML,body {\r\nbackground-color: rgb(20,20,20);\r\nborder: none;\r\n}\r\n/* Icons for Battery */\r\n:root {\r\n    --empty: 'M16,20H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z';\r\n    --low: 'M16 20H8V6H16M16.67 4H15V2H9V4H7.33C6.6 4 6 4.6 6 5.33V20.67C6 21.4 6.6 22 7.33 22H16.67C17.41 22 18 21.41 18 20.67V5.33C18 4.6 17.4 4 16.67 4M15 16H9V19H15V16';\r\n    --medium: 'M16 20H8V6H16M16.67 4H15V2H9V4H7.33C6.6 4 6 4.6 6 5.33V20.67C6 21.4 6.6 22 7.33 22H16.67C17.41 22 18 21.41 18 20.67V5.33C18 4.6 17.4 4 16.67 4M15 16H9V19H15V16M15 11.5H9V14.5H15V11.5Z';\r\n    --high: 'M16 20H8V6H16M16.67 4H15V2H9V4H7.33C6.6 4 6 4.6 6 5.33V20.67C6 21.4 6.6 22 7.33 22H16.67C17.41 22 18 21.41 18 20.67V5.33C18 4.6 17.4 4 16.67 4M15 16H9V19H15V16M15 7H9V10H15V7M15 11.5H9V14.5H15V11.5Z';\r\n}\r\n \r\n.battery_charge path {\r\n    animation: charge 4s linear infinite;\r\n}\r\n \r\n.battery_discharge path {\r\n    animation: discharge 4s linear infinite;\r\n}\r\n \r\n/* Animation for battery */\r\n@keyframes charge {\r\n    0% {\r\n        d: path(var(--empty));\r\n    }\r\n \r\n    25% {\r\n        d: path(var(--low));\r\n    }\r\n \r\n    50% {\r\n        d: path(var(--medium));\r\n    }\r\n \r\n    75% {\r\n        d: path(var(--high));\r\n    }\r\n}\r\n \r\n@keyframes discharge {\r\n    0% {\r\n        d: path(var(--high));\r\n    }\r\n \r\n    25% {\r\n        d: path(var(--medium));\r\n    }\r\n \r\n    50% {\r\n        d: path(var(--low));\r\n    }\r\n \r\n    75% {\r\n \r\n        d: path(var(--empty));\r\n    }\r\n}\r\n",
              "font": {
                  "family": "\"Arial\", sans-serif",
                  "size": "20",
                  "color": "",
                  "fill": "",
                  "align": "middle"
              },
              "rect": {
                  "height": 100,
                  "width": 100,
                  "corners": 10
              },
              "circle": {
                  "radius": 50
              },
              "elm": {
                  "stroke_width": 5,
                  "color": "",
                  "fill": "",
                  "pos_x": 50,
                  "pos_y": 50
              },
              "icon": {
                  "height": 24,
                  "width": 24,
                  "color": ""
              }
          },
          "calculation": {
              "battery": {
                  "dod": 10,
                  "capacity": 28800,
                  "percent": 2,
                  "charge": 1,
                  "charge_prop": false,
                  "charge_kw": false,
                  "discharge": 1,
                  "discharge_prop": false,
                  "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": 1,
                  "batteryCharge_kw": false,
                  "batteryCharge_prop": true,
                  "batteryDischarge": 1,
                  "batteryDischarge_kw": false,
                  "batteryDischarge_prop": false
              }
          },
          "animation": {
              "stroke": "#ffce4a",
              "stroke_dasharray": "10 17 10 17 10  72",
              "stroke_width": 6,
              "animation_duration": 2000,
              "stroke_linecap": "round",
              "animation_timing_function": "linear"
          },
          "animation_configuration": {
              "dots": 3,
              "distance": 17,
              "length": 10
          },
          "line": {
              "stroke_width": 8,
              "stroke": "#000000"
          },
          "elements": {
              "2": {
                  "position": 0,
                  "type": "text",
                  "subType": "datasource",
                  "id": 2,
                  "pos_x": 196,
                  "pos_y": 47,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 18,
                  "align": "middle",
                  "text": "ID 2",
                  "unit": "W",
                  "source": 0,
                  "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"
              },
              "5": {
                  "position": 2,
                  "type": "rect",
                  "id": 5,
                  "rx": 10,
                  "height": 100,
                  "width": 100,
                  "pos_x": 146,
                  "pos_y": 4,
                  "fill": "none",
                  "color": "rgb(255, 206, 74)",
                  "stroke": 2,
                  "shadow": "rgba(0, 0, 0, 0.7)",
                  "frame": "_overlay",
                  "fill_type": "percent",
                  "fill_direction": 90,
                  "border_type": -1,
                  "border_direction": "cw",
                  "border_style": "round",
                  "border_reverse": false,
                  "border_start": null,
                  "source": -1,
                  "threshold": 0
              },
              "6": {
                  "position": 0,
                  "type": "icon",
                  "id": "6",
                  "icon": "mdi:solar-panel",
                  "width": 24,
                  "height": 24,
                  "color": "rgb(215, 215, 215)",
                  "pos_x": "184",
                  "pos_y": "11",
                  "shadow": "",
                  "source": -1,
                  "threshold": 0,
                  "frame": "_overlay",
                  "action": "none"
              },
              "7": {
                  "position": 3,
                  "type": "rect",
                  "id": 7,
                  "rx": 10,
                  "height": 100,
                  "width": 100,
                  "pos_x": 480,
                  "pos_y": 137,
                  "fill": "none",
                  "color": "rgb(255, 206, 74)",
                  "stroke": 2,
                  "shadow": "rgba(0, 0, 0, 0.7)",
                  "frame": "_overlay",
                  "fill_type": "percent",
                  "fill_direction": 90,
                  "border_type": -1,
                  "border_direction": "cw",
                  "border_style": "round",
                  "border_reverse": false,
                  "border_start": null,
                  "source": -1,
                  "threshold": 0
              },
              "9": {
                  "position": 1,
                  "type": "text",
                  "subType": "datasource",
                  "id": 9,
                  "pos_x": 530,
                  "pos_y": 186,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 18,
                  "align": "middle",
                  "text": "ID 9",
                  "unit": "W",
                  "source": 4,
                  "source_option": -1,
                  "source_display": "value",
                  "shadow": "",
                  "threshold": 0,
                  "calculate_kw": "none",
                  "counter_animation": false,
                  "convert": true,
                  "decimal_places": 0,
                  "action": "none",
                  "subtract": [
                      "3"
                  ],
                  "add": [
                      "17",
                      "11",
                      "13",
                      "12"
                  ],
                  "frame": "_overlay"
              },
              "10": {
                  "position": 2,
                  "type": "text",
                  "id": 10,
                  "pos_x": 196,
                  "pos_y": 67,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 14,
                  "align": "middle",
                  "text": "PV-Garage",
                  "shadow": "",
                  "frame": "_overlay"
              },
              "11": {
                  "position": 3,
                  "type": "text",
                  "id": 11,
                  "pos_x": 530,
                  "pos_y": 213,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 14,
                  "align": "middle",
                  "text": "Haus",
                  "shadow": "",
                  "frame": "_overlay"
              },
              "12": {
                  "position": 1,
                  "type": "icon",
                  "id": "12",
                  "icon": "emojione:house",
                  "width": 24,
                  "height": 24,
                  "color": "rgba(0, 0, 0, 0.7)",
                  "pos_x": "518",
                  "pos_y": "143",
                  "shadow": "",
                  "source": -1,
                  "threshold": 0,
                  "frame": "_overlay",
                  "action": "none"
              },
              "13": {
                  "position": 1,
                  "type": "rect",
                  "id": 13,
                  "rx": 10,
                  "height": 150,
                  "width": 100,
                  "pos_x": 4,
                  "pos_y": 112,
                  "fill": "none",
                  "color": "rgb(0, 0, 192)",
                  "stroke": 2,
                  "shadow": "rgba(0, 0, 0, 0.7)",
                  "frame": "_overlay",
                  "fill_value": "rgb(0,0,192)",
                  "fill_type": "value",
                  "fill_direction": 90,
                  "fill_max": 100,
                  "border_type": -1,
                  "border_direction": "cw",
                  "border_style": "round",
                  "border_reverse": false,
                  "border_start": 90,
                  "source": 2,
                  "threshold": 0
              },
              "14": {
                  "position": 6,
                  "type": "rect",
                  "id": 14,
                  "rx": 10,
                  "height": 100,
                  "width": 100,
                  "pos_x": 480,
                  "pos_y": 4,
                  "fill": "rgb(20, 20, 20)",
                  "color": "rgba(97, 104, 122, 0.7)",
                  "stroke": 2,
                  "shadow": "rgba(0, 0, 0, 0.7)",
                  "frame": "_overlay",
                  "fill_type": "percent",
                  "fill_direction": 90,
                  "border_type": -1,
                  "border_direction": "cw",
                  "border_style": "round",
                  "border_reverse": false,
                  "border_start": null,
                  "source": -1,
                  "threshold": 0
              },
              "15": {
                  "position": 4,
                  "type": "text",
                  "id": 15,
                  "pos_x": 53,
                  "pos_y": 193,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 14,
                  "align": "middle",
                  "text": "Batterie\nreicht noch",
                  "shadow": "",
                  "frame": "_overlay"
              },
              "16": {
                  "position": 5,
                  "type": "text",
                  "subType": "datasource",
                  "id": 16,
                  "pos_x": 53,
                  "pos_y": 154,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 18,
                  "align": "middle",
                  "text": "ID 16",
                  "unit": "W",
                  "source": 1,
                  "source_option": -1,
                  "source_display": "value",
                  "shadow": "",
                  "threshold": 0,
                  "calculate_kw": "none",
                  "counter_animation": false,
                  "convert": true,
                  "decimal_places": 0,
                  "action": "none",
                  "subtract": [
                      -1
                  ],
                  "add": [
                      -1
                  ],
                  "frame": "_overlay"
              },
              "18": {
                  "position": 6,
                  "type": "text",
                  "subType": "datasource",
                  "id": 18,
                  "pos_x": 53,
                  "pos_y": 173,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 14,
                  "align": "middle",
                  "text": "ID 18",
                  "unit": "%",
                  "source": 2,
                  "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"
              },
              "19": {
                  "position": 7,
                  "type": "text",
                  "subType": "datasource",
                  "id": 19,
                  "pos_x": 530,
                  "pos_y": 47,
                  "color": "none",
                  "fill": "rgba(97, 104, 122, 0.7)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 18,
                  "align": "middle",
                  "text": "ID 19",
                  "unit": "W",
                  "source": 3,
                  "source_option": -1,
                  "source_display": "value",
                  "shadow": "",
                  "threshold": 0,
                  "calculate_kw": "none",
                  "counter_animation": false,
                  "convert": true,
                  "decimal_places": 0,
                  "action": "none",
                  "subtract": [
                      -1
                  ],
                  "add": [
                      -1
                  ],
                  "frame": "_overlay"
              },
              "20": {
                  "position": 2,
                  "type": "icon",
                  "id": "20",
                  "icon": "mdi:electricity-from-grid",
                  "width": 24,
                  "height": 24,
                  "color": "rgba(97, 104, 122, 0.7)",
                  "pos_x": "518",
                  "pos_y": "10",
                  "shadow": "",
                  "source": -1,
                  "threshold": 0,
                  "frame": "_overlay",
                  "action": "none"
              },
              "21": {
                  "position": 8,
                  "type": "text",
                  "id": 21,
                  "pos_x": 530,
                  "pos_y": 67,
                  "color": "none",
                  "fill": "rgba(97, 104, 122, 0.7)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 14,
                  "align": "middle",
                  "text": "Netz",
                  "shadow": "",
                  "frame": "_overlay"
              },
              "22": {
                  "position": 4,
                  "type": "rect",
                  "id": 22,
                  "rx": 10,
                  "height": 100,
                  "width": 100,
                  "pos_x": 205,
                  "pos_y": 273,
                  "fill": "rgba(0, 0, 255, 0.29)",
                  "color": "rgb(0, 0, 255)",
                  "stroke": 2,
                  "shadow": "rgba(0, 0, 0, 0.7)",
                  "frame": "_overlay",
                  "fill_value": "#00D1FF00",
                  "fill_type": "value",
                  "fill_direction": 90,
                  "fill_max": 1,
                  "border_value": "#CBD9FF",
                  "border_type": "value",
                  "border_direction": "cw",
                  "border_style": "round",
                  "border_max": 1,
                  "border_reverse": false,
                  "border_start": 90,
                  "source": 9,
                  "threshold": 0
              },
              "23": {
                  "position": 3,
                  "type": "icon",
                  "id": "23",
                  "icon": "material-symbols:electric-car",
                  "width": 24,
                  "height": 24,
                  "color": "rgb(215, 215, 215)",
                  "pos_x": "243",
                  "pos_y": "279",
                  "shadow": "",
                  "source": -1,
                  "threshold": 0,
                  "frame": "_overlay",
                  "action": "none"
              },
              "24": {
                  "position": 9,
                  "type": "text",
                  "id": 24,
                  "pos_x": 255,
                  "pos_y": 349,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 14,
                  "align": "middle",
                  "text": "Auto",
                  "shadow": "",
                  "frame": "_overlay"
              },
              "26": {
                  "position": 10,
                  "type": "text",
                  "subType": "datasource",
                  "id": 26,
                  "pos_x": 255,
                  "pos_y": 323,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 18,
                  "align": "middle",
                  "text": "ID 26",
                  "unit": "W",
                  "source": 7,
                  "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"
              },
              "28": {
                  "position": 5,
                  "type": "rect",
                  "id": 28,
                  "rx": 10,
                  "height": 100,
                  "width": 100,
                  "pos_x": 146,
                  "pos_y": 137,
                  "fill": "rgb(255, 0, 0)",
                  "color": "rgb(0, 255, 68)",
                  "stroke": 2,
                  "shadow": "rgba(0, 0, 0, 0.7)",
                  "frame": "_overlay",
                  "fill_value": "#FF0F4300",
                  "fill_type": "value",
                  "fill_direction": 90,
                  "fill_max": 1,
                  "border_value": "rgb(255,0,0)",
                  "border_type": "value",
                  "border_direction": "cw",
                  "border_style": "round",
                  "border_max": 1,
                  "border_reverse": false,
                  "border_start": 90,
                  "source": 8,
                  "threshold": 0
              },
              "30": {
                  "position": 4,
                  "type": "icon",
                  "id": "30",
                  "icon": "mdi:garage",
                  "width": 24,
                  "height": 24,
                  "color": "rgb(255, 255, 255)",
                  "pos_x": "182",
                  "pos_y": "146",
                  "shadow": "",
                  "source": -1,
                  "threshold": 0,
                  "frame": "_overlay",
                  "action": "none"
              },
              "31": {
                  "position": 11,
                  "type": "text",
                  "id": 31,
                  "pos_x": 194,
                  "pos_y": 217,
                  "color": "none",
                  "fill": "rgb(255, 255, 255)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 14,
                  "align": "middle",
                  "text": "Garage",
                  "shadow": "",
                  "frame": "_overlay"
              },
              "32": {
                  "position": 12,
                  "type": "text",
                  "subType": "datasource",
                  "id": 32,
                  "pos_x": 194,
                  "pos_y": 186,
                  "color": "none",
                  "fill": "rgb(255, 255, 255)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 18,
                  "align": "middle",
                  "text": "ID 32",
                  "unit": "W",
                  "source": 6,
                  "source_option": -1,
                  "source_display": "value",
                  "shadow": "",
                  "threshold": 1,
                  "calculate_kw": "none",
                  "counter_animation": false,
                  "convert": false,
                  "decimal_places": 0,
                  "action": "none",
                  "subtract": [
                      "7",
                      "5",
                      "3"
                  ],
                  "add": [
                      "4"
                  ],
                  "frame": "_overlay"
              },
              "33": {
                  "position": 7,
                  "type": "rect",
                  "id": 33,
                  "rx": 10,
                  "height": 100,
                  "width": 100,
                  "pos_x": 95,
                  "pos_y": 274,
                  "fill": "none",
                  "color": "rgb(197, 144, 46)",
                  "stroke": 2,
                  "shadow": "rgba(0, 0, 0, 0.7)",
                  "frame": "_overlay",
                  "fill_type": -1,
                  "fill_direction": 90,
                  "border_type": -1,
                  "border_direction": "cw",
                  "border_style": "round",
                  "border_reverse": false,
                  "border_start": null,
                  "source": 9,
                  "threshold": 0
              },
              "34": {
                  "position": 13,
                  "type": "text",
                  "id": 34,
                  "pos_x": 145,
                  "pos_y": 351,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 14,
                  "align": "middle",
                  "text": "Garten",
                  "shadow": "",
                  "frame": "_overlay"
              },
              "35": {
                  "position": 14,
                  "type": "text",
                  "subType": "datasource",
                  "id": 35,
                  "pos_x": 145,
                  "pos_y": 324,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 18,
                  "align": "middle",
                  "text": "ID 35",
                  "unit": "W",
                  "source": 5,
                  "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"
              },
              "36": {
                  "position": 5,
                  "type": "icon",
                  "id": "36",
                  "icon": "twemoji:desert-island",
                  "width": 24,
                  "height": 24,
                  "color": "rgb(0, 0, 0)",
                  "pos_x": "133",
                  "pos_y": "280",
                  "shadow": "",
                  "source": -1,
                  "threshold": 0,
                  "frame": "_overlay",
                  "action": "none"
              },
              "37": {
                  "position": 6,
                  "type": "icon",
                  "id": "37",
                  "icon": "mdi:battery-high",
                  "width": 24,
                  "height": 24,
                  "color": "rgb(215, 215, 215)",
                  "pos_x": "41",
                  "pos_y": "116",
                  "shadow": "",
                  "css_active_positive": "battery_discharge",
                  "css_active_negative": "battery_charge",
                  "source": 1,
                  "threshold": 0,
                  "frame": "_overlay",
                  "action": "none"
              },
              "38": {
                  "position": 15,
                  "type": "text",
                  "subType": "datasource",
                  "id": 38,
                  "pos_x": 370,
                  "pos_y": 172,
                  "color": "none",
                  "fill": "rgb(0, 181, 221)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 10,
                  "align": "middle",
                  "text": "ID 38",
                  "unit": "W",
                  "source": 4,
                  "source_option": -1,
                  "source_display": "value",
                  "shadow": "",
                  "threshold": 0,
                  "calculate_kw": "auto",
                  "counter_animation": false,
                  "convert": false,
                  "decimal_places": 0,
                  "action": "none",
                  "subtract": [
                      -1
                  ],
                  "add": [
                      -1
                  ],
                  "frame": "_overlay"
              },
              "39": {
                  "position": 8,
                  "type": "rect",
                  "id": 39,
                  "rx": 10,
                  "height": 100,
                  "width": 100,
                  "pos_x": 314,
                  "pos_y": 274,
                  "fill": "none",
                  "color": "rgb(197, 144, 46)",
                  "stroke": 2,
                  "shadow": "rgba(0, 0, 0, 0.7)",
                  "frame": "_overlay",
                  "fill_type": -1,
                  "fill_direction": 90,
                  "border_type": -1,
                  "border_direction": "cw",
                  "border_style": "round",
                  "border_reverse": false,
                  "border_start": null,
                  "source": 12,
                  "threshold": 0
              },
              "40": {
                  "position": 16,
                  "type": "text",
                  "id": 40,
                  "pos_x": 364,
                  "pos_y": 351,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 14,
                  "align": "middle",
                  "text": "Waschen",
                  "shadow": "",
                  "frame": "_overlay"
              },
              "41": {
                  "position": 17,
                  "type": "text",
                  "subType": "datasource",
                  "id": 41,
                  "pos_x": 364,
                  "pos_y": 324,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 18,
                  "align": "middle",
                  "text": "ID 41",
                  "unit": "W",
                  "source": 12,
                  "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"
              },
              "42": {
                  "position": 7,
                  "type": "icon",
                  "id": "42",
                  "icon": "mingcute:wash-machine-fill",
                  "width": 24,
                  "height": 24,
                  "color": "rgb(215, 215, 215)",
                  "pos_x": "352",
                  "pos_y": "280",
                  "shadow": "",
                  "source": -1,
                  "threshold": 0,
                  "frame": "_overlay",
                  "action": "none"
              },
              "43": {
                  "position": 9,
                  "type": "rect",
                  "id": 43,
                  "rx": 10,
                  "height": 100,
                  "width": 100,
                  "pos_x": 425,
                  "pos_y": 274,
                  "fill": "none",
                  "color": "rgb(197, 144, 46)",
                  "stroke": 2,
                  "shadow": "rgba(0, 0, 0, 0.7)",
                  "frame": "_overlay",
                  "fill_type": -1,
                  "fill_direction": 90,
                  "border_type": -1,
                  "border_direction": "cw",
                  "border_style": "round",
                  "border_reverse": false,
                  "border_start": null,
                  "source": 12,
                  "threshold": 0
              },
              "44": {
                  "position": 18,
                  "type": "text",
                  "id": 44,
                  "pos_x": 475,
                  "pos_y": 351,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 14,
                  "align": "middle",
                  "text": "Trockner",
                  "shadow": "",
                  "frame": "_overlay"
              },
              "45": {
                  "position": 19,
                  "type": "text",
                  "subType": "datasource",
                  "id": 45,
                  "pos_x": 475,
                  "pos_y": 323,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 18,
                  "align": "middle",
                  "text": "ID 45",
                  "unit": "W",
                  "source": 13,
                  "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"
              },
              "46": {
                  "position": 8,
                  "type": "icon",
                  "id": "46",
                  "icon": "mingcute:wash-machine-line",
                  "width": 24,
                  "height": 24,
                  "color": "rgb(215, 215, 215)",
                  "pos_x": "463",
                  "pos_y": "280",
                  "shadow": "",
                  "source": -1,
                  "threshold": 0,
                  "frame": "_overlay",
                  "action": "none"
              },
              "47": {
                  "position": 11,
                  "type": "rect",
                  "id": 47,
                  "rx": 10,
                  "height": 100,
                  "width": 100,
                  "pos_x": 537,
                  "pos_y": 274,
                  "fill": "none",
                  "color": "rgb(197, 144, 46)",
                  "stroke": 2,
                  "shadow": "rgba(0, 0, 0, 0.7)",
                  "frame": "_overlay",
                  "fill_value": "#F20E4075",
                  "fill_type": "value",
                  "fill_direction": 90,
                  "fill_max": 1,
                  "border_type": -1,
                  "border_direction": "cw",
                  "border_style": "round",
                  "border_reverse": false,
                  "border_start": null,
                  "source": 16,
                  "threshold": 0
              },
              "48": {
                  "position": 20,
                  "type": "text",
                  "id": 48,
                  "pos_x": 587,
                  "pos_y": 351,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 14,
                  "align": "middle",
                  "text": "3d-Drucker",
                  "shadow": "",
                  "frame": "_overlay"
              },
              "50": {
                  "position": 9,
                  "type": "icon",
                  "id": "50",
                  "icon": "eos-icons:3d-print",
                  "width": 24,
                  "height": 24,
                  "color": "rgb(215, 215, 215)",
                  "pos_x": "575",
                  "pos_y": "280",
                  "shadow": "",
                  "source": -1,
                  "threshold": 0,
                  "frame": "_overlay",
                  "action": "none"
              },
              "51": {
                  "position": 12,
                  "type": "rect",
                  "id": 51,
                  "rx": 10,
                  "height": 100,
                  "width": 100,
                  "pos_x": 648,
                  "pos_y": 274,
                  "fill": "none",
                  "color": "rgb(197, 144, 46)",
                  "stroke": 2,
                  "shadow": "rgba(0, 0, 0, 0.7)",
                  "frame": "_overlay",
                  "fill_value": "#F20E4075",
                  "fill_type": "value",
                  "fill_direction": 90,
                  "fill_max": 1,
                  "border_type": -1,
                  "border_direction": "cw",
                  "border_style": "round",
                  "border_max": 1,
                  "border_reverse": false,
                  "border_start": null,
                  "source": 15,
                  "threshold": 0
              },
              "52": {
                  "position": 21,
                  "type": "text",
                  "id": 52,
                  "pos_x": 698,
                  "pos_y": 351,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 14,
                  "align": "middle",
                  "text": "SP111",
                  "shadow": "",
                  "frame": "_overlay"
              },
              "53": {
                  "position": 22,
                  "type": "text",
                  "subType": "datasource",
                  "id": 53,
                  "pos_x": 698,
                  "pos_y": 324,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 18,
                  "align": "middle",
                  "text": "ID 53",
                  "unit": "W",
                  "source": 11,
                  "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"
              },
              "54": {
                  "position": 10,
                  "type": "icon",
                  "id": "54",
                  "icon": "icon-park-outline:ipad",
                  "width": 24,
                  "height": 24,
                  "color": "rgb(215, 215, 215)",
                  "pos_x": "686",
                  "pos_y": "280",
                  "shadow": "",
                  "source": -1,
                  "threshold": 0,
                  "frame": "_overlay",
                  "action": "none"
              },
              "56": {
                  "position": 23,
                  "type": "text",
                  "subType": "datasource",
                  "id": 56,
                  "pos_x": 53,
                  "pos_y": 223,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 14,
                  "align": "middle",
                  "text": "ID 56",
                  "unit": "",
                  "source": 14,
                  "source_option": -1,
                  "source_display": "text",
                  "shadow": "",
                  "threshold": 0,
                  "calculate_kw": "none",
                  "counter_animation": false,
                  "convert": false,
                  "decimal_places": 0,
                  "action": "none",
                  "subtract": [
                      -1
                  ],
                  "add": [
                      -1
                  ],
                  "frame": "_overlay"
              },
              "57": {
                  "position": 11,
                  "type": "icon",
                  "id": "57",
                  "icon": "icomoon-free:switch",
                  "width": 24,
                  "height": 24,
                  "color": "rgb(215, 215, 215)",
                  "pos_x": "717",
                  "pos_y": "281",
                  "shadow": "",
                  "source": 15,
                  "threshold": 0,
                  "frame": "_overlay",
                  "action": "toggle"
              },
              "58": {
                  "position": 12,
                  "type": "icon",
                  "id": "58",
                  "icon": "icomoon-free:switch",
                  "width": 24,
                  "height": 24,
                  "color": "rgb(215, 215, 215)",
                  "pos_x": "606",
                  "pos_y": "280",
                  "shadow": "",
                  "source": 16,
                  "threshold": 0,
                  "frame": "_overlay",
                  "action": "toggle"
              },
              "59": {
                  "position": 24,
                  "type": "text",
                  "subType": "datasource",
                  "id": 59,
                  "pos_x": 587,
                  "pos_y": 323,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 18,
                  "align": "middle",
                  "text": "ID 59",
                  "unit": "W",
                  "source": 17,
                  "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"
              },
              "60": {
                  "position": 25,
                  "type": "text",
                  "subType": "datasource",
                  "id": 60,
                  "pos_x": 224,
                  "pos_y": 93,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 11,
                  "align": "middle",
                  "text": "ID 60",
                  "unit": "W",
                  "source": 19,
                  "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": {
                      ">10": {
                          "fontSize": 11,
                          "fill": "#D7D7D7"
                      },
                      "<10": {
                          "fontSize": 1,
                          "fill": "#141414"
                      }
                  }
              },
              "61": {
                  "position": 26,
                  "type": "text",
                  "subType": "datasource",
                  "id": 61,
                  "pos_x": 175,
                  "pos_y": 93,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 11,
                  "align": "middle",
                  "text": "ID 61",
                  "unit": "W",
                  "source": 18,
                  "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": {
                      ">10": {
                          "fontSize": 11,
                          "fill": "#D7D7D7"
                      },
                      "<10": {
                          "fontSize": 1,
                          "fill": "#141414"
                      }
                  }
              },
              "64": {
                  "position": 13,
                  "type": "rect",
                  "id": 64,
                  "rx": 0,
                  "height": 1,
                  "width": 100,
                  "pos_x": 146,
                  "pos_y": 81,
                  "fill": "none",
                  "color": "rgb(255, 206, 74)",
                  "stroke": 1,
                  "shadow": "",
                  "frame": "_overlay",
                  "fill_type": -1,
                  "fill_direction": 90,
                  "border_type": -1,
                  "border_direction": "cw",
                  "border_style": "round",
                  "border_reverse": false,
                  "border_start": 180,
                  "source": -1,
                  "threshold": 0
              },
              "66": {
                  "position": 14,
                  "type": "rect",
                  "id": 66,
                  "rx": 0,
                  "height": 21,
                  "width": 1,
                  "pos_x": 196,
                  "pos_y": 82,
                  "fill": "none",
                  "color": "rgb(255, 206, 74)",
                  "stroke": 1,
                  "shadow": "",
                  "frame": "_overlay",
                  "fill_type": -1,
                  "fill_direction": 90,
                  "border_type": -1,
                  "border_direction": "cw",
                  "border_style": "round",
                  "border_reverse": false,
                  "border_start": 180,
                  "source": -1,
                  "threshold": 0
              },
              "67": {
                  "position": 27,
                  "type": "text",
                  "subType": "datasource",
                  "id": 67,
                  "pos_x": 53,
                  "pos_y": 249,
                  "color": "none",
                  "fill": "rgb(215, 215, 215)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 14,
                  "align": "middle",
                  "text": "ID 67",
                  "unit": "€/kWh",
                  "source": 20,
                  "source_option": -1,
                  "source_display": "value",
                  "shadow": "",
                  "threshold": 0,
                  "calculate_kw": "none",
                  "counter_animation": false,
                  "convert": false,
                  "decimal_places": 2,
                  "action": "none",
                  "subtract": [
                      -1
                  ],
                  "add": [
                      -1
                  ],
                  "frame": "_overlay"
              },
              "70": {
                  "position": 15,
                  "type": "rect",
                  "id": 70,
                  "rx": 0,
                  "height": 1,
                  "width": 98,
                  "pos_x": 481,
                  "pos_y": 79,
                  "fill": "none",
                  "color": "rgba(97, 104, 122, 0.7)",
                  "stroke": 1,
                  "shadow": "rgba(255, 255, 255, 0)",
                  "frame": "_overlay",
                  "fill_type": "percent",
                  "fill_direction": 90,
                  "border_type": -1,
                  "border_direction": "cw",
                  "border_style": "round",
                  "border_reverse": false,
                  "border_start": null,
                  "source": -1,
                  "threshold": 0
              },
              "72": {
                  "position": 28,
                  "type": "text",
                  "subType": "datasource",
                  "id": 72,
                  "pos_x": 530,
                  "pos_y": 91,
                  "color": "none",
                  "fill": "rgba(97, 104, 122, 0.7)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 14,
                  "align": "middle",
                  "text": "ID 72",
                  "unit": "€/kWh",
                  "source": 21,
                  "source_option": -1,
                  "source_display": "value",
                  "shadow": "",
                  "threshold": 0,
                  "calculate_kw": "none",
                  "counter_animation": false,
                  "convert": false,
                  "decimal_places": 2,
                  "action": "none",
                  "subtract": [
                      -1
                  ],
                  "add": [
                      -1
                  ],
                  "frame": "_overlay"
              },
              "74": {
                  "position": 30,
                  "type": "text",
                  "subType": "datasource",
                  "id": 74,
                  "pos_x": 477,
                  "pos_y": 54,
                  "color": "none",
                  "fill": "rgba(97, 104, 122, 0.7)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 11,
                  "align": "end",
                  "text": "ID 74",
                  "unit": "A",
                  "source": 23,
                  "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"
              },
              "77": {
                  "position": 29,
                  "type": "text",
                  "subType": "datasource",
                  "id": 77,
                  "pos_x": 477,
                  "pos_y": 41,
                  "color": "none",
                  "fill": "rgba(97, 104, 122, 0.7)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 11,
                  "align": "end",
                  "text": "ID 77",
                  "unit": "A",
                  "source": 22,
                  "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"
              },
              "78": {
                  "position": 31,
                  "type": "text",
                  "subType": "datasource",
                  "id": 78,
                  "pos_x": 477,
                  "pos_y": 67,
                  "color": "none",
                  "fill": "rgba(97, 104, 122, 0.7)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 11,
                  "align": "end",
                  "text": "ID 78",
                  "unit": "A",
                  "source": 24,
                  "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"
              },
              "79": {
                  "position": 10,
                  "type": "rect",
                  "id": 79,
                  "rx": 10,
                  "height": 46,
                  "width": 64,
                  "pos_x": 566,
                  "pos_y": 17,
                  "fill": "none",
                  "color": "rgba(255, 255, 0, 0.7)",
                  "stroke": 2,
                  "shadow": "",
                  "frame": "_overlay",
                  "fill_type": -1,
                  "fill_direction": 90,
                  "border_type": -1,
                  "border_direction": "cw",
                  "border_style": "round",
                  "border_reverse": false,
                  "border_start": 180,
                  "source": -1,
                  "threshold": 0
              },
              "80": {
                  "type": "circle",
                  "id": 80,
                  "radius": 42,
                  "pos_x": 483,
                  "pos_y": 54,
                  "fill": "none",
                  "color": "rgba(255, 255, 4, 0.7)",
                  "stroke": 2,
                  "shadow": "",
                  "frame": "_overlay",
                  "fill_type": -1,
                  "fill_direction": 90,
                  "border_type": -1,
                  "border_direction": "cw",
                  "border_style": "round",
                  "border_reverse": false,
                  "border_start": 180,
                  "source": -1,
                  "threshold": 0
              },
              "81": {
                  "position": 32,
                  "type": "text",
                  "subType": "datasource",
                  "id": 81,
                  "pos_x": 625,
                  "pos_y": 40,
                  "color": "none",
                  "fill": "rgba(97, 104, 122, 0.7)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 11,
                  "align": "end",
                  "text": "ID 81",
                  "unit": "A",
                  "source": 23,
                  "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"
              },
              "82": {
                  "position": 33,
                  "type": "text",
                  "subType": "datasource",
                  "id": 82,
                  "pos_x": 625,
                  "pos_y": 27,
                  "color": "none",
                  "fill": "rgba(97, 104, 122, 0.7)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 11,
                  "align": "end",
                  "text": "ID 82",
                  "unit": "A",
                  "source": 22,
                  "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"
              },
              "83": {
                  "position": 34,
                  "type": "text",
                  "subType": "datasource",
                  "id": 83,
                  "pos_x": 625,
                  "pos_y": 53,
                  "color": "none",
                  "fill": "rgba(97, 104, 122, 0.7)",
                  "font_family": "Arial, sans-serif",
                  "font_size": 11,
                  "align": "end",
                  "text": "ID 83",
                  "unit": "A",
                  "source": 24,
                  "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"
              }
          },
          "defs": {
              "path_28_13": {
                  "type": "def",
                  "id": "path_28_13",
                  "d": "M145 187  H 105",
                  "startSlot": "left",
                  "endSlot": "right"
              },
              "path_28_7": {
                  "type": "def",
                  "id": "path_28_7",
                  "d": "M247 187  H 479",
                  "startSlot": "right",
                  "endSlot": "left"
              },
              "path_14_7": {
                  "type": "def",
                  "id": "path_14_7",
                  "d": "M530 105  V 136",
                  "startSlot": "bottom",
                  "endSlot": "top"
              },
              "path_28_22": {
                  "type": "def",
                  "id": "path_28_22",
                  "d": "M216 238  V 244.8 A 15 15 0 0 0 231 259.8  H 240 A 15 15 0 0 1 255 274.8  V 272",
                  "startSlot": "bottom_right",
                  "endSlot": "top"
              },
              "path_28_33": {
                  "type": "def",
                  "id": "path_28_33",
                  "d": "M176 238  V 245 A 15 15 0 0 1 161 260  H 160 A 15 15 0 0 0 145 275  V 273",
                  "startSlot": "bottom_left",
                  "endSlot": "top"
              },
              "path_7_39": {
                  "type": "def",
                  "id": "path_7_39",
                  "d": "M510 238  V 245 A 15 15 0 0 1 495 260  H 379 A 15 15 0 0 0 364 275  V 273",
                  "startSlot": "bottom_left",
                  "endSlot": "top"
              },
              "path_7_43": {
                  "type": "def",
                  "id": "path_7_43",
                  "d": "M510 238  V 245 A 15 15 0 0 1 495 260  H 490 A 15 15 0 0 0 475 275  V 273",
                  "startSlot": "bottom_left",
                  "endSlot": "top"
              },
              "path_7_47": {
                  "type": "def",
                  "id": "path_7_47",
                  "d": "M550 238  V 245 A 15 15 0 0 0 565 260  H 572 A 15 15 0 0 1 587 275  V 273",
                  "startSlot": "bottom_right",
                  "endSlot": "top"
              },
              "path_7_51": {
                  "type": "def",
                  "id": "path_7_51",
                  "d": "M550 238  V 245 A 15 15 0 0 0 565 260  H 683 A 15 15 0 0 1 698 275  V 273",
                  "startSlot": "bottom_right",
                  "endSlot": "top"
              },
              "path_5_28": {
                  "type": "def",
                  "id": "path_5_28",
                  "d": "M196 105  V 136",
                  "startSlot": "bottom",
                  "endSlot": "top"
              }
          },
          "lines": {
              "line_path_28_13": {
                  "type": "line",
                  "id": "line_path_28_13",
                  "href": "#path_28_13",
                  "color": "rgb(215, 215, 215)",
                  "shadow": ""
              },
              "line_path_28_7": {
                  "type": "line",
                  "id": "line_path_28_7",
                  "href": "#path_28_7",
                  "color": "rgb(215, 215, 215)",
                  "shadow": ""
              },
              "line_path_14_7": {
                  "type": "line",
                  "id": "line_path_14_7",
                  "href": "#path_14_7",
                  "color": "rgb(215, 215, 215)",
                  "shadow": ""
              },
              "line_path_28_22": {
                  "type": "line",
                  "id": "line_path_28_22",
                  "href": "#path_28_22",
                  "color": "rgb(215, 215, 215)",
                  "shadow": ""
              },
              "line_path_28_33": {
                  "type": "line",
                  "id": "line_path_28_33",
                  "href": "#path_28_33",
                  "color": "rgb(215, 215, 215)",
                  "shadow": ""
              },
              "line_path_7_39": {
                  "type": "line",
                  "id": "line_path_7_39",
                  "href": "#path_7_39",
                  "color": "rgb(215, 215, 215)",
                  "shadow": ""
              },
              "line_path_7_43": {
                  "type": "line",
                  "id": "line_path_7_43",
                  "href": "#path_7_43",
                  "color": "rgb(215, 215, 215)",
                  "shadow": ""
              },
              "line_path_7_47": {
                  "type": "line",
                  "id": "line_path_7_47",
                  "href": "#path_7_47",
                  "color": "rgb(215, 215, 215)",
                  "shadow": ""
              },
              "line_path_7_51": {
                  "type": "line",
                  "id": "line_path_7_51",
                  "href": "#path_7_51",
                  "color": "rgb(215, 215, 215)",
                  "shadow": ""
              },
              "line_path_5_28": {
                  "type": "line",
                  "id": "line_path_5_28",
                  "href": "#path_5_28",
                  "color": "rgb(215, 215, 215)",
                  "shadow": ""
              }
          },
          "animations": {
              "anim_path_28_13": {
                  "type": "animation",
                  "id": "anim_path_28_13",
                  "href": "#path_28_13",
                  "color": "rgb(97, 104, 122)",
                  "source": 1,
                  "threshold": 0,
                  "animation_properties": "negative",
                  "animation_option": true,
                  "dots": 0,
                  "duration": 0,
                  "power": 0,
                  "animation_type": "dots"
              },
              "anim_path_28_7": {
                  "type": "animation",
                  "id": "anim_path_28_7",
                  "href": "#path_28_7",
                  "color": "rgb(97, 104, 122)",
                  "source": 4,
                  "threshold": 0,
                  "animation_properties": "negative",
                  "animation_option": true,
                  "dots": 0,
                  "duration": 0,
                  "power": 0,
                  "animation_type": -1
              },
              "anim_path_14_7": {
                  "type": "animation",
                  "id": "anim_path_14_7",
                  "href": "#path_14_7",
                  "color": "rgb(97, 104, 122)",
                  "source": 3,
                  "threshold": 5,
                  "animation_properties": "positive",
                  "animation_option": true,
                  "dots": 0,
                  "duration": 0,
                  "power": 0,
                  "animation_type": -1
              },
              "anim_path_28_22": {
                  "type": "animation",
                  "id": "anim_path_28_22",
                  "href": "#path_28_22",
                  "color": "rgb(97, 104, 122)",
                  "source": 7,
                  "threshold": 0,
                  "animation_properties": "positive",
                  "animation_option": false,
                  "dots": 0,
                  "duration": 0,
                  "power": 0,
                  "animation_type": -1
              },
              "anim_path_28_33": {
                  "type": "animation",
                  "id": "anim_path_28_33",
                  "href": "#path_28_33",
                  "color": "rgb(97, 104, 122)",
                  "source": 5,
                  "threshold": 0,
                  "animation_properties": "positive",
                  "animation_option": false,
                  "dots": 0,
                  "duration": 0,
                  "power": 0,
                  "animation_type": -1
              },
              "anim_path_7_39": {
                  "type": "animation",
                  "id": "anim_path_7_39",
                  "href": "#path_7_39",
                  "color": "rgb(97, 104, 122)",
                  "source": 12,
                  "threshold": 1,
                  "animation_properties": "positive",
                  "animation_option": false,
                  "dots": 0,
                  "duration": 0,
                  "power": 0,
                  "animation_type": -1
              },
              "anim_path_7_43": {
                  "type": "animation",
                  "id": "anim_path_7_43",
                  "href": "#path_7_43",
                  "color": "rgb(97, 104, 122)",
                  "source": 13,
                  "threshold": 1,
                  "animation_properties": "positive",
                  "animation_option": false,
                  "dots": 0,
                  "duration": 0,
                  "power": 0,
                  "animation_type": -1
              },
              "anim_path_7_47": {
                  "type": "animation",
                  "id": "anim_path_7_47",
                  "href": "#path_7_47",
                  "color": "rgb(97, 104, 122)",
                  "source": 17,
                  "threshold": 1,
                  "animation_properties": "positive",
                  "animation_option": false,
                  "dots": 0,
                  "duration": 0,
                  "power": 0,
                  "animation_type": -1
              },
              "anim_path_7_51": {
                  "type": "animation",
                  "id": "anim_path_7_51",
                  "href": "#path_7_51",
                  "color": "rgb(97, 104, 122)",
                  "source": 11,
                  "threshold": 0,
                  "animation_properties": "positive",
                  "animation_option": false,
                  "dots": 0,
                  "duration": 0,
                  "power": 0,
                  "animation_type": -1
              },
              "anim_path_5_28": {
                  "type": "animation",
                  "id": "anim_path_5_28",
                  "href": "#path_5_28",
                  "color": "rgb(97, 104, 122)",
                  "source": 0,
                  "threshold": 0,
                  "animation_properties": "positive",
                  "animation_option": false,
                  "dots": 0,
                  "duration": 0,
                  "power": 0,
                  "animation_type": -1
              }
          },
          "datasources": {
              "0": {
                  "source": "0_userdata.0.PV-Leistung",
                  "alias": "PV-Garage"
              },
              "1": {
                  "source": "modbus.1.inputRegisters.3.30775_PowerAC",
                  "alias": "Speicher"
              },
              "2": {
                  "source": "modbus.1.inputRegisters.3.30845_BAT_SoC",
                  "alias": "SoC"
              },
              "3": {
                  "source": "tibberlink.0.Homes.08f1e516-bd725-4c0f-3188-02d94de9370a.LiveMeasurement.power",
                  "alias": "Grid"
              },
              "4": {
                  "source": "sonoff.0.Zaehler-Keller.Garage_Power_curr",
                  "alias": "Garage"
              },
              "5": {
                  "source": "modbus.2.inputRegisters.30053_P1-3",
                  "alias": "Garten"
              },
              "6": {
                  "source": "energiefluss-erweitert.0.calculation.consumption.consumption",
                  "alias": "Verbrauch"
              },
              "7": {
                  "source": "0_userdata.0.Garten&Auto",
                  "alias": "Auto"
              },
              "8": {
                  "source": "sonoff.0.Zaehler-Garage.POWER3",
                  "alias": "Garage-zu"
              },
              "9": {
                  "source": "0_userdata.0.Auto-angeschlossen",
                  "alias": "EVPlugState"
              },
              "11": {
                  "source": "sonoff.0.SP111.ENERGY_Power",
                  "alias": "SP111"
              },
              "12": {
                  "source": "sonoff.0.Waschmaschine.ENERGY_Power",
                  "alias": "Waschen"
              },
              "13": {
                  "source": "sonoff.0.Trockner.ENERGY_Power",
                  "alias": "Trockner"
              },
              "14": {
                  "source": "energiefluss-erweitert.0.calculation.battery.remaining",
                  "alias": "Restzeit"
              },
              "15": {
                  "source": "sonoff.0.SP111.POWER",
                  "alias": "SP111-Power"
              },
              "16": {
                  "source": "sonoff.0.3D-Drucker.POWER",
                  "alias": "3d-Drucker-Power"
              },
              "17": {
                  "source": "sonoff.0.3D-Drucker.ENERGY_Power",
                  "alias": "3d-Drucker"
              },
              "18": {
                  "source": "modbus.0.inputRegisters.3.30773_Eingang_1_W",
                  "alias": "Einganeg-Ost"
              },
              "19": {
                  "source": "modbus.0.inputRegisters.3.30961_Eingang_2_W",
                  "alias": "Eingang-West"
              },
              "20": {
                  "source": "0_userdata.0.Strompreis.Speicher-Preis",
                  "alias": "Stromprei-Speicher"
              },
              "21": {
                  "source": "tibberlink.0.Homes.08f1e516-72bd-4c0f-8831-94d02de9370a.CurrentPrice.total",
                  "alias": "Strompreis-Netz"
              },
              "22": {
                  "source": "0_userdata.0.StromL1",
                  "alias": "Strom-L1"
              },
              "23": {
                  "source": "0_userdata.0.StromL2",
                  "alias": "Strom-L2"
              },
              "24": {
                  "source": "0_userdata.0.StromL3",
                  "alias": "trom-L3"
              }
          }
      }
      
      J 1 Antwort Letzte Antwort
      0
      • Elektrofix-OLE Elektrofix-OL

        @skb Ja, habe ich so verstanden. War nur eine Stellungnahme das eine "Umrechnungsfunktion" sicherlich nützlich ist, ob nur von kW in W oder noch in andere Funktion ist immer Dir als Programmierer überlassen.
        Ich als User muss mit dem Leben was da ist, und das kann ich mit diesem Adapter schon verdammt gut!! Macht Spass mit ihm zu experimentieren :grin:

        Ich glaube ich habe noch einen Bug gefunden:
        Ich wollte die Phasenströme noch an dem Rechteck vom Netz anflanschen. Erst habe ich mit einem Kreis (ID80) experimentiert, der liegt zur Hälfte im Hintergrund vom Netz-Rechteck (ID14), läßt sich jedoch nicht in den Vordergrund anordnen. Bei Rechteck (ID79) verhält sich das gegenteilig, dieses bekomme ich nicht in den Hintergrund, so das ID14 im Vordergrund ist. Das Drücken der Symbole beim Organisieren hat damit für mich keine Erkennbare Funkton, egal ob ich es als einzelnes Element oder in einer Auswahl von mehreren mache.
        139c66f0-87a3-41b4-a82f-1c580b5d3853-image.png

        {
            "basic": {
                "enable_grid": true,
                "enable_animation": true,
                "enable_area_catch": true,
                "enable_config_icon": true,
                "enable_last_id": false,
                "enable_icon_proxy": false,
                "enable_low_performance": false,
                "height": 385,
                "width": 753,
                "styles": "#HTML,body {\r\nbackground-color: rgb(20,20,20);\r\nborder: none;\r\n}\r\n/* Icons for Battery */\r\n:root {\r\n    --empty: 'M16,20H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z';\r\n    --low: 'M16 20H8V6H16M16.67 4H15V2H9V4H7.33C6.6 4 6 4.6 6 5.33V20.67C6 21.4 6.6 22 7.33 22H16.67C17.41 22 18 21.41 18 20.67V5.33C18 4.6 17.4 4 16.67 4M15 16H9V19H15V16';\r\n    --medium: 'M16 20H8V6H16M16.67 4H15V2H9V4H7.33C6.6 4 6 4.6 6 5.33V20.67C6 21.4 6.6 22 7.33 22H16.67C17.41 22 18 21.41 18 20.67V5.33C18 4.6 17.4 4 16.67 4M15 16H9V19H15V16M15 11.5H9V14.5H15V11.5Z';\r\n    --high: 'M16 20H8V6H16M16.67 4H15V2H9V4H7.33C6.6 4 6 4.6 6 5.33V20.67C6 21.4 6.6 22 7.33 22H16.67C17.41 22 18 21.41 18 20.67V5.33C18 4.6 17.4 4 16.67 4M15 16H9V19H15V16M15 7H9V10H15V7M15 11.5H9V14.5H15V11.5Z';\r\n}\r\n \r\n.battery_charge path {\r\n    animation: charge 4s linear infinite;\r\n}\r\n \r\n.battery_discharge path {\r\n    animation: discharge 4s linear infinite;\r\n}\r\n \r\n/* Animation for battery */\r\n@keyframes charge {\r\n    0% {\r\n        d: path(var(--empty));\r\n    }\r\n \r\n    25% {\r\n        d: path(var(--low));\r\n    }\r\n \r\n    50% {\r\n        d: path(var(--medium));\r\n    }\r\n \r\n    75% {\r\n        d: path(var(--high));\r\n    }\r\n}\r\n \r\n@keyframes discharge {\r\n    0% {\r\n        d: path(var(--high));\r\n    }\r\n \r\n    25% {\r\n        d: path(var(--medium));\r\n    }\r\n \r\n    50% {\r\n        d: path(var(--low));\r\n    }\r\n \r\n    75% {\r\n \r\n        d: path(var(--empty));\r\n    }\r\n}\r\n",
                "font": {
                    "family": "\"Arial\", sans-serif",
                    "size": "20",
                    "color": "",
                    "fill": "",
                    "align": "middle"
                },
                "rect": {
                    "height": 100,
                    "width": 100,
                    "corners": 10
                },
                "circle": {
                    "radius": 50
                },
                "elm": {
                    "stroke_width": 5,
                    "color": "",
                    "fill": "",
                    "pos_x": 50,
                    "pos_y": 50
                },
                "icon": {
                    "height": 24,
                    "width": 24,
                    "color": ""
                }
            },
            "calculation": {
                "battery": {
                    "dod": 10,
                    "capacity": 28800,
                    "percent": 2,
                    "charge": 1,
                    "charge_prop": false,
                    "charge_kw": false,
                    "discharge": 1,
                    "discharge_prop": false,
                    "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": 1,
                    "batteryCharge_kw": false,
                    "batteryCharge_prop": true,
                    "batteryDischarge": 1,
                    "batteryDischarge_kw": false,
                    "batteryDischarge_prop": false
                }
            },
            "animation": {
                "stroke": "#ffce4a",
                "stroke_dasharray": "10 17 10 17 10  72",
                "stroke_width": 6,
                "animation_duration": 2000,
                "stroke_linecap": "round",
                "animation_timing_function": "linear"
            },
            "animation_configuration": {
                "dots": 3,
                "distance": 17,
                "length": 10
            },
            "line": {
                "stroke_width": 8,
                "stroke": "#000000"
            },
            "elements": {
                "2": {
                    "position": 0,
                    "type": "text",
                    "subType": "datasource",
                    "id": 2,
                    "pos_x": 196,
                    "pos_y": 47,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 18,
                    "align": "middle",
                    "text": "ID 2",
                    "unit": "W",
                    "source": 0,
                    "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"
                },
                "5": {
                    "position": 2,
                    "type": "rect",
                    "id": 5,
                    "rx": 10,
                    "height": 100,
                    "width": 100,
                    "pos_x": 146,
                    "pos_y": 4,
                    "fill": "none",
                    "color": "rgb(255, 206, 74)",
                    "stroke": 2,
                    "shadow": "rgba(0, 0, 0, 0.7)",
                    "frame": "_overlay",
                    "fill_type": "percent",
                    "fill_direction": 90,
                    "border_type": -1,
                    "border_direction": "cw",
                    "border_style": "round",
                    "border_reverse": false,
                    "border_start": null,
                    "source": -1,
                    "threshold": 0
                },
                "6": {
                    "position": 0,
                    "type": "icon",
                    "id": "6",
                    "icon": "mdi:solar-panel",
                    "width": 24,
                    "height": 24,
                    "color": "rgb(215, 215, 215)",
                    "pos_x": "184",
                    "pos_y": "11",
                    "shadow": "",
                    "source": -1,
                    "threshold": 0,
                    "frame": "_overlay",
                    "action": "none"
                },
                "7": {
                    "position": 3,
                    "type": "rect",
                    "id": 7,
                    "rx": 10,
                    "height": 100,
                    "width": 100,
                    "pos_x": 480,
                    "pos_y": 137,
                    "fill": "none",
                    "color": "rgb(255, 206, 74)",
                    "stroke": 2,
                    "shadow": "rgba(0, 0, 0, 0.7)",
                    "frame": "_overlay",
                    "fill_type": "percent",
                    "fill_direction": 90,
                    "border_type": -1,
                    "border_direction": "cw",
                    "border_style": "round",
                    "border_reverse": false,
                    "border_start": null,
                    "source": -1,
                    "threshold": 0
                },
                "9": {
                    "position": 1,
                    "type": "text",
                    "subType": "datasource",
                    "id": 9,
                    "pos_x": 530,
                    "pos_y": 186,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 18,
                    "align": "middle",
                    "text": "ID 9",
                    "unit": "W",
                    "source": 4,
                    "source_option": -1,
                    "source_display": "value",
                    "shadow": "",
                    "threshold": 0,
                    "calculate_kw": "none",
                    "counter_animation": false,
                    "convert": true,
                    "decimal_places": 0,
                    "action": "none",
                    "subtract": [
                        "3"
                    ],
                    "add": [
                        "17",
                        "11",
                        "13",
                        "12"
                    ],
                    "frame": "_overlay"
                },
                "10": {
                    "position": 2,
                    "type": "text",
                    "id": 10,
                    "pos_x": 196,
                    "pos_y": 67,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 14,
                    "align": "middle",
                    "text": "PV-Garage",
                    "shadow": "",
                    "frame": "_overlay"
                },
                "11": {
                    "position": 3,
                    "type": "text",
                    "id": 11,
                    "pos_x": 530,
                    "pos_y": 213,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 14,
                    "align": "middle",
                    "text": "Haus",
                    "shadow": "",
                    "frame": "_overlay"
                },
                "12": {
                    "position": 1,
                    "type": "icon",
                    "id": "12",
                    "icon": "emojione:house",
                    "width": 24,
                    "height": 24,
                    "color": "rgba(0, 0, 0, 0.7)",
                    "pos_x": "518",
                    "pos_y": "143",
                    "shadow": "",
                    "source": -1,
                    "threshold": 0,
                    "frame": "_overlay",
                    "action": "none"
                },
                "13": {
                    "position": 1,
                    "type": "rect",
                    "id": 13,
                    "rx": 10,
                    "height": 150,
                    "width": 100,
                    "pos_x": 4,
                    "pos_y": 112,
                    "fill": "none",
                    "color": "rgb(0, 0, 192)",
                    "stroke": 2,
                    "shadow": "rgba(0, 0, 0, 0.7)",
                    "frame": "_overlay",
                    "fill_value": "rgb(0,0,192)",
                    "fill_type": "value",
                    "fill_direction": 90,
                    "fill_max": 100,
                    "border_type": -1,
                    "border_direction": "cw",
                    "border_style": "round",
                    "border_reverse": false,
                    "border_start": 90,
                    "source": 2,
                    "threshold": 0
                },
                "14": {
                    "position": 6,
                    "type": "rect",
                    "id": 14,
                    "rx": 10,
                    "height": 100,
                    "width": 100,
                    "pos_x": 480,
                    "pos_y": 4,
                    "fill": "rgb(20, 20, 20)",
                    "color": "rgba(97, 104, 122, 0.7)",
                    "stroke": 2,
                    "shadow": "rgba(0, 0, 0, 0.7)",
                    "frame": "_overlay",
                    "fill_type": "percent",
                    "fill_direction": 90,
                    "border_type": -1,
                    "border_direction": "cw",
                    "border_style": "round",
                    "border_reverse": false,
                    "border_start": null,
                    "source": -1,
                    "threshold": 0
                },
                "15": {
                    "position": 4,
                    "type": "text",
                    "id": 15,
                    "pos_x": 53,
                    "pos_y": 193,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 14,
                    "align": "middle",
                    "text": "Batterie\nreicht noch",
                    "shadow": "",
                    "frame": "_overlay"
                },
                "16": {
                    "position": 5,
                    "type": "text",
                    "subType": "datasource",
                    "id": 16,
                    "pos_x": 53,
                    "pos_y": 154,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 18,
                    "align": "middle",
                    "text": "ID 16",
                    "unit": "W",
                    "source": 1,
                    "source_option": -1,
                    "source_display": "value",
                    "shadow": "",
                    "threshold": 0,
                    "calculate_kw": "none",
                    "counter_animation": false,
                    "convert": true,
                    "decimal_places": 0,
                    "action": "none",
                    "subtract": [
                        -1
                    ],
                    "add": [
                        -1
                    ],
                    "frame": "_overlay"
                },
                "18": {
                    "position": 6,
                    "type": "text",
                    "subType": "datasource",
                    "id": 18,
                    "pos_x": 53,
                    "pos_y": 173,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 14,
                    "align": "middle",
                    "text": "ID 18",
                    "unit": "%",
                    "source": 2,
                    "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"
                },
                "19": {
                    "position": 7,
                    "type": "text",
                    "subType": "datasource",
                    "id": 19,
                    "pos_x": 530,
                    "pos_y": 47,
                    "color": "none",
                    "fill": "rgba(97, 104, 122, 0.7)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 18,
                    "align": "middle",
                    "text": "ID 19",
                    "unit": "W",
                    "source": 3,
                    "source_option": -1,
                    "source_display": "value",
                    "shadow": "",
                    "threshold": 0,
                    "calculate_kw": "none",
                    "counter_animation": false,
                    "convert": true,
                    "decimal_places": 0,
                    "action": "none",
                    "subtract": [
                        -1
                    ],
                    "add": [
                        -1
                    ],
                    "frame": "_overlay"
                },
                "20": {
                    "position": 2,
                    "type": "icon",
                    "id": "20",
                    "icon": "mdi:electricity-from-grid",
                    "width": 24,
                    "height": 24,
                    "color": "rgba(97, 104, 122, 0.7)",
                    "pos_x": "518",
                    "pos_y": "10",
                    "shadow": "",
                    "source": -1,
                    "threshold": 0,
                    "frame": "_overlay",
                    "action": "none"
                },
                "21": {
                    "position": 8,
                    "type": "text",
                    "id": 21,
                    "pos_x": 530,
                    "pos_y": 67,
                    "color": "none",
                    "fill": "rgba(97, 104, 122, 0.7)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 14,
                    "align": "middle",
                    "text": "Netz",
                    "shadow": "",
                    "frame": "_overlay"
                },
                "22": {
                    "position": 4,
                    "type": "rect",
                    "id": 22,
                    "rx": 10,
                    "height": 100,
                    "width": 100,
                    "pos_x": 205,
                    "pos_y": 273,
                    "fill": "rgba(0, 0, 255, 0.29)",
                    "color": "rgb(0, 0, 255)",
                    "stroke": 2,
                    "shadow": "rgba(0, 0, 0, 0.7)",
                    "frame": "_overlay",
                    "fill_value": "#00D1FF00",
                    "fill_type": "value",
                    "fill_direction": 90,
                    "fill_max": 1,
                    "border_value": "#CBD9FF",
                    "border_type": "value",
                    "border_direction": "cw",
                    "border_style": "round",
                    "border_max": 1,
                    "border_reverse": false,
                    "border_start": 90,
                    "source": 9,
                    "threshold": 0
                },
                "23": {
                    "position": 3,
                    "type": "icon",
                    "id": "23",
                    "icon": "material-symbols:electric-car",
                    "width": 24,
                    "height": 24,
                    "color": "rgb(215, 215, 215)",
                    "pos_x": "243",
                    "pos_y": "279",
                    "shadow": "",
                    "source": -1,
                    "threshold": 0,
                    "frame": "_overlay",
                    "action": "none"
                },
                "24": {
                    "position": 9,
                    "type": "text",
                    "id": 24,
                    "pos_x": 255,
                    "pos_y": 349,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 14,
                    "align": "middle",
                    "text": "Auto",
                    "shadow": "",
                    "frame": "_overlay"
                },
                "26": {
                    "position": 10,
                    "type": "text",
                    "subType": "datasource",
                    "id": 26,
                    "pos_x": 255,
                    "pos_y": 323,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 18,
                    "align": "middle",
                    "text": "ID 26",
                    "unit": "W",
                    "source": 7,
                    "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"
                },
                "28": {
                    "position": 5,
                    "type": "rect",
                    "id": 28,
                    "rx": 10,
                    "height": 100,
                    "width": 100,
                    "pos_x": 146,
                    "pos_y": 137,
                    "fill": "rgb(255, 0, 0)",
                    "color": "rgb(0, 255, 68)",
                    "stroke": 2,
                    "shadow": "rgba(0, 0, 0, 0.7)",
                    "frame": "_overlay",
                    "fill_value": "#FF0F4300",
                    "fill_type": "value",
                    "fill_direction": 90,
                    "fill_max": 1,
                    "border_value": "rgb(255,0,0)",
                    "border_type": "value",
                    "border_direction": "cw",
                    "border_style": "round",
                    "border_max": 1,
                    "border_reverse": false,
                    "border_start": 90,
                    "source": 8,
                    "threshold": 0
                },
                "30": {
                    "position": 4,
                    "type": "icon",
                    "id": "30",
                    "icon": "mdi:garage",
                    "width": 24,
                    "height": 24,
                    "color": "rgb(255, 255, 255)",
                    "pos_x": "182",
                    "pos_y": "146",
                    "shadow": "",
                    "source": -1,
                    "threshold": 0,
                    "frame": "_overlay",
                    "action": "none"
                },
                "31": {
                    "position": 11,
                    "type": "text",
                    "id": 31,
                    "pos_x": 194,
                    "pos_y": 217,
                    "color": "none",
                    "fill": "rgb(255, 255, 255)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 14,
                    "align": "middle",
                    "text": "Garage",
                    "shadow": "",
                    "frame": "_overlay"
                },
                "32": {
                    "position": 12,
                    "type": "text",
                    "subType": "datasource",
                    "id": 32,
                    "pos_x": 194,
                    "pos_y": 186,
                    "color": "none",
                    "fill": "rgb(255, 255, 255)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 18,
                    "align": "middle",
                    "text": "ID 32",
                    "unit": "W",
                    "source": 6,
                    "source_option": -1,
                    "source_display": "value",
                    "shadow": "",
                    "threshold": 1,
                    "calculate_kw": "none",
                    "counter_animation": false,
                    "convert": false,
                    "decimal_places": 0,
                    "action": "none",
                    "subtract": [
                        "7",
                        "5",
                        "3"
                    ],
                    "add": [
                        "4"
                    ],
                    "frame": "_overlay"
                },
                "33": {
                    "position": 7,
                    "type": "rect",
                    "id": 33,
                    "rx": 10,
                    "height": 100,
                    "width": 100,
                    "pos_x": 95,
                    "pos_y": 274,
                    "fill": "none",
                    "color": "rgb(197, 144, 46)",
                    "stroke": 2,
                    "shadow": "rgba(0, 0, 0, 0.7)",
                    "frame": "_overlay",
                    "fill_type": -1,
                    "fill_direction": 90,
                    "border_type": -1,
                    "border_direction": "cw",
                    "border_style": "round",
                    "border_reverse": false,
                    "border_start": null,
                    "source": 9,
                    "threshold": 0
                },
                "34": {
                    "position": 13,
                    "type": "text",
                    "id": 34,
                    "pos_x": 145,
                    "pos_y": 351,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 14,
                    "align": "middle",
                    "text": "Garten",
                    "shadow": "",
                    "frame": "_overlay"
                },
                "35": {
                    "position": 14,
                    "type": "text",
                    "subType": "datasource",
                    "id": 35,
                    "pos_x": 145,
                    "pos_y": 324,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 18,
                    "align": "middle",
                    "text": "ID 35",
                    "unit": "W",
                    "source": 5,
                    "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"
                },
                "36": {
                    "position": 5,
                    "type": "icon",
                    "id": "36",
                    "icon": "twemoji:desert-island",
                    "width": 24,
                    "height": 24,
                    "color": "rgb(0, 0, 0)",
                    "pos_x": "133",
                    "pos_y": "280",
                    "shadow": "",
                    "source": -1,
                    "threshold": 0,
                    "frame": "_overlay",
                    "action": "none"
                },
                "37": {
                    "position": 6,
                    "type": "icon",
                    "id": "37",
                    "icon": "mdi:battery-high",
                    "width": 24,
                    "height": 24,
                    "color": "rgb(215, 215, 215)",
                    "pos_x": "41",
                    "pos_y": "116",
                    "shadow": "",
                    "css_active_positive": "battery_discharge",
                    "css_active_negative": "battery_charge",
                    "source": 1,
                    "threshold": 0,
                    "frame": "_overlay",
                    "action": "none"
                },
                "38": {
                    "position": 15,
                    "type": "text",
                    "subType": "datasource",
                    "id": 38,
                    "pos_x": 370,
                    "pos_y": 172,
                    "color": "none",
                    "fill": "rgb(0, 181, 221)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 10,
                    "align": "middle",
                    "text": "ID 38",
                    "unit": "W",
                    "source": 4,
                    "source_option": -1,
                    "source_display": "value",
                    "shadow": "",
                    "threshold": 0,
                    "calculate_kw": "auto",
                    "counter_animation": false,
                    "convert": false,
                    "decimal_places": 0,
                    "action": "none",
                    "subtract": [
                        -1
                    ],
                    "add": [
                        -1
                    ],
                    "frame": "_overlay"
                },
                "39": {
                    "position": 8,
                    "type": "rect",
                    "id": 39,
                    "rx": 10,
                    "height": 100,
                    "width": 100,
                    "pos_x": 314,
                    "pos_y": 274,
                    "fill": "none",
                    "color": "rgb(197, 144, 46)",
                    "stroke": 2,
                    "shadow": "rgba(0, 0, 0, 0.7)",
                    "frame": "_overlay",
                    "fill_type": -1,
                    "fill_direction": 90,
                    "border_type": -1,
                    "border_direction": "cw",
                    "border_style": "round",
                    "border_reverse": false,
                    "border_start": null,
                    "source": 12,
                    "threshold": 0
                },
                "40": {
                    "position": 16,
                    "type": "text",
                    "id": 40,
                    "pos_x": 364,
                    "pos_y": 351,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 14,
                    "align": "middle",
                    "text": "Waschen",
                    "shadow": "",
                    "frame": "_overlay"
                },
                "41": {
                    "position": 17,
                    "type": "text",
                    "subType": "datasource",
                    "id": 41,
                    "pos_x": 364,
                    "pos_y": 324,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 18,
                    "align": "middle",
                    "text": "ID 41",
                    "unit": "W",
                    "source": 12,
                    "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"
                },
                "42": {
                    "position": 7,
                    "type": "icon",
                    "id": "42",
                    "icon": "mingcute:wash-machine-fill",
                    "width": 24,
                    "height": 24,
                    "color": "rgb(215, 215, 215)",
                    "pos_x": "352",
                    "pos_y": "280",
                    "shadow": "",
                    "source": -1,
                    "threshold": 0,
                    "frame": "_overlay",
                    "action": "none"
                },
                "43": {
                    "position": 9,
                    "type": "rect",
                    "id": 43,
                    "rx": 10,
                    "height": 100,
                    "width": 100,
                    "pos_x": 425,
                    "pos_y": 274,
                    "fill": "none",
                    "color": "rgb(197, 144, 46)",
                    "stroke": 2,
                    "shadow": "rgba(0, 0, 0, 0.7)",
                    "frame": "_overlay",
                    "fill_type": -1,
                    "fill_direction": 90,
                    "border_type": -1,
                    "border_direction": "cw",
                    "border_style": "round",
                    "border_reverse": false,
                    "border_start": null,
                    "source": 12,
                    "threshold": 0
                },
                "44": {
                    "position": 18,
                    "type": "text",
                    "id": 44,
                    "pos_x": 475,
                    "pos_y": 351,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 14,
                    "align": "middle",
                    "text": "Trockner",
                    "shadow": "",
                    "frame": "_overlay"
                },
                "45": {
                    "position": 19,
                    "type": "text",
                    "subType": "datasource",
                    "id": 45,
                    "pos_x": 475,
                    "pos_y": 323,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 18,
                    "align": "middle",
                    "text": "ID 45",
                    "unit": "W",
                    "source": 13,
                    "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"
                },
                "46": {
                    "position": 8,
                    "type": "icon",
                    "id": "46",
                    "icon": "mingcute:wash-machine-line",
                    "width": 24,
                    "height": 24,
                    "color": "rgb(215, 215, 215)",
                    "pos_x": "463",
                    "pos_y": "280",
                    "shadow": "",
                    "source": -1,
                    "threshold": 0,
                    "frame": "_overlay",
                    "action": "none"
                },
                "47": {
                    "position": 11,
                    "type": "rect",
                    "id": 47,
                    "rx": 10,
                    "height": 100,
                    "width": 100,
                    "pos_x": 537,
                    "pos_y": 274,
                    "fill": "none",
                    "color": "rgb(197, 144, 46)",
                    "stroke": 2,
                    "shadow": "rgba(0, 0, 0, 0.7)",
                    "frame": "_overlay",
                    "fill_value": "#F20E4075",
                    "fill_type": "value",
                    "fill_direction": 90,
                    "fill_max": 1,
                    "border_type": -1,
                    "border_direction": "cw",
                    "border_style": "round",
                    "border_reverse": false,
                    "border_start": null,
                    "source": 16,
                    "threshold": 0
                },
                "48": {
                    "position": 20,
                    "type": "text",
                    "id": 48,
                    "pos_x": 587,
                    "pos_y": 351,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 14,
                    "align": "middle",
                    "text": "3d-Drucker",
                    "shadow": "",
                    "frame": "_overlay"
                },
                "50": {
                    "position": 9,
                    "type": "icon",
                    "id": "50",
                    "icon": "eos-icons:3d-print",
                    "width": 24,
                    "height": 24,
                    "color": "rgb(215, 215, 215)",
                    "pos_x": "575",
                    "pos_y": "280",
                    "shadow": "",
                    "source": -1,
                    "threshold": 0,
                    "frame": "_overlay",
                    "action": "none"
                },
                "51": {
                    "position": 12,
                    "type": "rect",
                    "id": 51,
                    "rx": 10,
                    "height": 100,
                    "width": 100,
                    "pos_x": 648,
                    "pos_y": 274,
                    "fill": "none",
                    "color": "rgb(197, 144, 46)",
                    "stroke": 2,
                    "shadow": "rgba(0, 0, 0, 0.7)",
                    "frame": "_overlay",
                    "fill_value": "#F20E4075",
                    "fill_type": "value",
                    "fill_direction": 90,
                    "fill_max": 1,
                    "border_type": -1,
                    "border_direction": "cw",
                    "border_style": "round",
                    "border_max": 1,
                    "border_reverse": false,
                    "border_start": null,
                    "source": 15,
                    "threshold": 0
                },
                "52": {
                    "position": 21,
                    "type": "text",
                    "id": 52,
                    "pos_x": 698,
                    "pos_y": 351,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 14,
                    "align": "middle",
                    "text": "SP111",
                    "shadow": "",
                    "frame": "_overlay"
                },
                "53": {
                    "position": 22,
                    "type": "text",
                    "subType": "datasource",
                    "id": 53,
                    "pos_x": 698,
                    "pos_y": 324,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 18,
                    "align": "middle",
                    "text": "ID 53",
                    "unit": "W",
                    "source": 11,
                    "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"
                },
                "54": {
                    "position": 10,
                    "type": "icon",
                    "id": "54",
                    "icon": "icon-park-outline:ipad",
                    "width": 24,
                    "height": 24,
                    "color": "rgb(215, 215, 215)",
                    "pos_x": "686",
                    "pos_y": "280",
                    "shadow": "",
                    "source": -1,
                    "threshold": 0,
                    "frame": "_overlay",
                    "action": "none"
                },
                "56": {
                    "position": 23,
                    "type": "text",
                    "subType": "datasource",
                    "id": 56,
                    "pos_x": 53,
                    "pos_y": 223,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 14,
                    "align": "middle",
                    "text": "ID 56",
                    "unit": "",
                    "source": 14,
                    "source_option": -1,
                    "source_display": "text",
                    "shadow": "",
                    "threshold": 0,
                    "calculate_kw": "none",
                    "counter_animation": false,
                    "convert": false,
                    "decimal_places": 0,
                    "action": "none",
                    "subtract": [
                        -1
                    ],
                    "add": [
                        -1
                    ],
                    "frame": "_overlay"
                },
                "57": {
                    "position": 11,
                    "type": "icon",
                    "id": "57",
                    "icon": "icomoon-free:switch",
                    "width": 24,
                    "height": 24,
                    "color": "rgb(215, 215, 215)",
                    "pos_x": "717",
                    "pos_y": "281",
                    "shadow": "",
                    "source": 15,
                    "threshold": 0,
                    "frame": "_overlay",
                    "action": "toggle"
                },
                "58": {
                    "position": 12,
                    "type": "icon",
                    "id": "58",
                    "icon": "icomoon-free:switch",
                    "width": 24,
                    "height": 24,
                    "color": "rgb(215, 215, 215)",
                    "pos_x": "606",
                    "pos_y": "280",
                    "shadow": "",
                    "source": 16,
                    "threshold": 0,
                    "frame": "_overlay",
                    "action": "toggle"
                },
                "59": {
                    "position": 24,
                    "type": "text",
                    "subType": "datasource",
                    "id": 59,
                    "pos_x": 587,
                    "pos_y": 323,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 18,
                    "align": "middle",
                    "text": "ID 59",
                    "unit": "W",
                    "source": 17,
                    "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"
                },
                "60": {
                    "position": 25,
                    "type": "text",
                    "subType": "datasource",
                    "id": 60,
                    "pos_x": 224,
                    "pos_y": 93,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 11,
                    "align": "middle",
                    "text": "ID 60",
                    "unit": "W",
                    "source": 19,
                    "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": {
                        ">10": {
                            "fontSize": 11,
                            "fill": "#D7D7D7"
                        },
                        "<10": {
                            "fontSize": 1,
                            "fill": "#141414"
                        }
                    }
                },
                "61": {
                    "position": 26,
                    "type": "text",
                    "subType": "datasource",
                    "id": 61,
                    "pos_x": 175,
                    "pos_y": 93,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 11,
                    "align": "middle",
                    "text": "ID 61",
                    "unit": "W",
                    "source": 18,
                    "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": {
                        ">10": {
                            "fontSize": 11,
                            "fill": "#D7D7D7"
                        },
                        "<10": {
                            "fontSize": 1,
                            "fill": "#141414"
                        }
                    }
                },
                "64": {
                    "position": 13,
                    "type": "rect",
                    "id": 64,
                    "rx": 0,
                    "height": 1,
                    "width": 100,
                    "pos_x": 146,
                    "pos_y": 81,
                    "fill": "none",
                    "color": "rgb(255, 206, 74)",
                    "stroke": 1,
                    "shadow": "",
                    "frame": "_overlay",
                    "fill_type": -1,
                    "fill_direction": 90,
                    "border_type": -1,
                    "border_direction": "cw",
                    "border_style": "round",
                    "border_reverse": false,
                    "border_start": 180,
                    "source": -1,
                    "threshold": 0
                },
                "66": {
                    "position": 14,
                    "type": "rect",
                    "id": 66,
                    "rx": 0,
                    "height": 21,
                    "width": 1,
                    "pos_x": 196,
                    "pos_y": 82,
                    "fill": "none",
                    "color": "rgb(255, 206, 74)",
                    "stroke": 1,
                    "shadow": "",
                    "frame": "_overlay",
                    "fill_type": -1,
                    "fill_direction": 90,
                    "border_type": -1,
                    "border_direction": "cw",
                    "border_style": "round",
                    "border_reverse": false,
                    "border_start": 180,
                    "source": -1,
                    "threshold": 0
                },
                "67": {
                    "position": 27,
                    "type": "text",
                    "subType": "datasource",
                    "id": 67,
                    "pos_x": 53,
                    "pos_y": 249,
                    "color": "none",
                    "fill": "rgb(215, 215, 215)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 14,
                    "align": "middle",
                    "text": "ID 67",
                    "unit": "€/kWh",
                    "source": 20,
                    "source_option": -1,
                    "source_display": "value",
                    "shadow": "",
                    "threshold": 0,
                    "calculate_kw": "none",
                    "counter_animation": false,
                    "convert": false,
                    "decimal_places": 2,
                    "action": "none",
                    "subtract": [
                        -1
                    ],
                    "add": [
                        -1
                    ],
                    "frame": "_overlay"
                },
                "70": {
                    "position": 15,
                    "type": "rect",
                    "id": 70,
                    "rx": 0,
                    "height": 1,
                    "width": 98,
                    "pos_x": 481,
                    "pos_y": 79,
                    "fill": "none",
                    "color": "rgba(97, 104, 122, 0.7)",
                    "stroke": 1,
                    "shadow": "rgba(255, 255, 255, 0)",
                    "frame": "_overlay",
                    "fill_type": "percent",
                    "fill_direction": 90,
                    "border_type": -1,
                    "border_direction": "cw",
                    "border_style": "round",
                    "border_reverse": false,
                    "border_start": null,
                    "source": -1,
                    "threshold": 0
                },
                "72": {
                    "position": 28,
                    "type": "text",
                    "subType": "datasource",
                    "id": 72,
                    "pos_x": 530,
                    "pos_y": 91,
                    "color": "none",
                    "fill": "rgba(97, 104, 122, 0.7)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 14,
                    "align": "middle",
                    "text": "ID 72",
                    "unit": "€/kWh",
                    "source": 21,
                    "source_option": -1,
                    "source_display": "value",
                    "shadow": "",
                    "threshold": 0,
                    "calculate_kw": "none",
                    "counter_animation": false,
                    "convert": false,
                    "decimal_places": 2,
                    "action": "none",
                    "subtract": [
                        -1
                    ],
                    "add": [
                        -1
                    ],
                    "frame": "_overlay"
                },
                "74": {
                    "position": 30,
                    "type": "text",
                    "subType": "datasource",
                    "id": 74,
                    "pos_x": 477,
                    "pos_y": 54,
                    "color": "none",
                    "fill": "rgba(97, 104, 122, 0.7)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 11,
                    "align": "end",
                    "text": "ID 74",
                    "unit": "A",
                    "source": 23,
                    "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"
                },
                "77": {
                    "position": 29,
                    "type": "text",
                    "subType": "datasource",
                    "id": 77,
                    "pos_x": 477,
                    "pos_y": 41,
                    "color": "none",
                    "fill": "rgba(97, 104, 122, 0.7)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 11,
                    "align": "end",
                    "text": "ID 77",
                    "unit": "A",
                    "source": 22,
                    "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"
                },
                "78": {
                    "position": 31,
                    "type": "text",
                    "subType": "datasource",
                    "id": 78,
                    "pos_x": 477,
                    "pos_y": 67,
                    "color": "none",
                    "fill": "rgba(97, 104, 122, 0.7)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 11,
                    "align": "end",
                    "text": "ID 78",
                    "unit": "A",
                    "source": 24,
                    "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"
                },
                "79": {
                    "position": 10,
                    "type": "rect",
                    "id": 79,
                    "rx": 10,
                    "height": 46,
                    "width": 64,
                    "pos_x": 566,
                    "pos_y": 17,
                    "fill": "none",
                    "color": "rgba(255, 255, 0, 0.7)",
                    "stroke": 2,
                    "shadow": "",
                    "frame": "_overlay",
                    "fill_type": -1,
                    "fill_direction": 90,
                    "border_type": -1,
                    "border_direction": "cw",
                    "border_style": "round",
                    "border_reverse": false,
                    "border_start": 180,
                    "source": -1,
                    "threshold": 0
                },
                "80": {
                    "type": "circle",
                    "id": 80,
                    "radius": 42,
                    "pos_x": 483,
                    "pos_y": 54,
                    "fill": "none",
                    "color": "rgba(255, 255, 4, 0.7)",
                    "stroke": 2,
                    "shadow": "",
                    "frame": "_overlay",
                    "fill_type": -1,
                    "fill_direction": 90,
                    "border_type": -1,
                    "border_direction": "cw",
                    "border_style": "round",
                    "border_reverse": false,
                    "border_start": 180,
                    "source": -1,
                    "threshold": 0
                },
                "81": {
                    "position": 32,
                    "type": "text",
                    "subType": "datasource",
                    "id": 81,
                    "pos_x": 625,
                    "pos_y": 40,
                    "color": "none",
                    "fill": "rgba(97, 104, 122, 0.7)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 11,
                    "align": "end",
                    "text": "ID 81",
                    "unit": "A",
                    "source": 23,
                    "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"
                },
                "82": {
                    "position": 33,
                    "type": "text",
                    "subType": "datasource",
                    "id": 82,
                    "pos_x": 625,
                    "pos_y": 27,
                    "color": "none",
                    "fill": "rgba(97, 104, 122, 0.7)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 11,
                    "align": "end",
                    "text": "ID 82",
                    "unit": "A",
                    "source": 22,
                    "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"
                },
                "83": {
                    "position": 34,
                    "type": "text",
                    "subType": "datasource",
                    "id": 83,
                    "pos_x": 625,
                    "pos_y": 53,
                    "color": "none",
                    "fill": "rgba(97, 104, 122, 0.7)",
                    "font_family": "Arial, sans-serif",
                    "font_size": 11,
                    "align": "end",
                    "text": "ID 83",
                    "unit": "A",
                    "source": 24,
                    "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"
                }
            },
            "defs": {
                "path_28_13": {
                    "type": "def",
                    "id": "path_28_13",
                    "d": "M145 187  H 105",
                    "startSlot": "left",
                    "endSlot": "right"
                },
                "path_28_7": {
                    "type": "def",
                    "id": "path_28_7",
                    "d": "M247 187  H 479",
                    "startSlot": "right",
                    "endSlot": "left"
                },
                "path_14_7": {
                    "type": "def",
                    "id": "path_14_7",
                    "d": "M530 105  V 136",
                    "startSlot": "bottom",
                    "endSlot": "top"
                },
                "path_28_22": {
                    "type": "def",
                    "id": "path_28_22",
                    "d": "M216 238  V 244.8 A 15 15 0 0 0 231 259.8  H 240 A 15 15 0 0 1 255 274.8  V 272",
                    "startSlot": "bottom_right",
                    "endSlot": "top"
                },
                "path_28_33": {
                    "type": "def",
                    "id": "path_28_33",
                    "d": "M176 238  V 245 A 15 15 0 0 1 161 260  H 160 A 15 15 0 0 0 145 275  V 273",
                    "startSlot": "bottom_left",
                    "endSlot": "top"
                },
                "path_7_39": {
                    "type": "def",
                    "id": "path_7_39",
                    "d": "M510 238  V 245 A 15 15 0 0 1 495 260  H 379 A 15 15 0 0 0 364 275  V 273",
                    "startSlot": "bottom_left",
                    "endSlot": "top"
                },
                "path_7_43": {
                    "type": "def",
                    "id": "path_7_43",
                    "d": "M510 238  V 245 A 15 15 0 0 1 495 260  H 490 A 15 15 0 0 0 475 275  V 273",
                    "startSlot": "bottom_left",
                    "endSlot": "top"
                },
                "path_7_47": {
                    "type": "def",
                    "id": "path_7_47",
                    "d": "M550 238  V 245 A 15 15 0 0 0 565 260  H 572 A 15 15 0 0 1 587 275  V 273",
                    "startSlot": "bottom_right",
                    "endSlot": "top"
                },
                "path_7_51": {
                    "type": "def",
                    "id": "path_7_51",
                    "d": "M550 238  V 245 A 15 15 0 0 0 565 260  H 683 A 15 15 0 0 1 698 275  V 273",
                    "startSlot": "bottom_right",
                    "endSlot": "top"
                },
                "path_5_28": {
                    "type": "def",
                    "id": "path_5_28",
                    "d": "M196 105  V 136",
                    "startSlot": "bottom",
                    "endSlot": "top"
                }
            },
            "lines": {
                "line_path_28_13": {
                    "type": "line",
                    "id": "line_path_28_13",
                    "href": "#path_28_13",
                    "color": "rgb(215, 215, 215)",
                    "shadow": ""
                },
                "line_path_28_7": {
                    "type": "line",
                    "id": "line_path_28_7",
                    "href": "#path_28_7",
                    "color": "rgb(215, 215, 215)",
                    "shadow": ""
                },
                "line_path_14_7": {
                    "type": "line",
                    "id": "line_path_14_7",
                    "href": "#path_14_7",
                    "color": "rgb(215, 215, 215)",
                    "shadow": ""
                },
                "line_path_28_22": {
                    "type": "line",
                    "id": "line_path_28_22",
                    "href": "#path_28_22",
                    "color": "rgb(215, 215, 215)",
                    "shadow": ""
                },
                "line_path_28_33": {
                    "type": "line",
                    "id": "line_path_28_33",
                    "href": "#path_28_33",
                    "color": "rgb(215, 215, 215)",
                    "shadow": ""
                },
                "line_path_7_39": {
                    "type": "line",
                    "id": "line_path_7_39",
                    "href": "#path_7_39",
                    "color": "rgb(215, 215, 215)",
                    "shadow": ""
                },
                "line_path_7_43": {
                    "type": "line",
                    "id": "line_path_7_43",
                    "href": "#path_7_43",
                    "color": "rgb(215, 215, 215)",
                    "shadow": ""
                },
                "line_path_7_47": {
                    "type": "line",
                    "id": "line_path_7_47",
                    "href": "#path_7_47",
                    "color": "rgb(215, 215, 215)",
                    "shadow": ""
                },
                "line_path_7_51": {
                    "type": "line",
                    "id": "line_path_7_51",
                    "href": "#path_7_51",
                    "color": "rgb(215, 215, 215)",
                    "shadow": ""
                },
                "line_path_5_28": {
                    "type": "line",
                    "id": "line_path_5_28",
                    "href": "#path_5_28",
                    "color": "rgb(215, 215, 215)",
                    "shadow": ""
                }
            },
            "animations": {
                "anim_path_28_13": {
                    "type": "animation",
                    "id": "anim_path_28_13",
                    "href": "#path_28_13",
                    "color": "rgb(97, 104, 122)",
                    "source": 1,
                    "threshold": 0,
                    "animation_properties": "negative",
                    "animation_option": true,
                    "dots": 0,
                    "duration": 0,
                    "power": 0,
                    "animation_type": "dots"
                },
                "anim_path_28_7": {
                    "type": "animation",
                    "id": "anim_path_28_7",
                    "href": "#path_28_7",
                    "color": "rgb(97, 104, 122)",
                    "source": 4,
                    "threshold": 0,
                    "animation_properties": "negative",
                    "animation_option": true,
                    "dots": 0,
                    "duration": 0,
                    "power": 0,
                    "animation_type": -1
                },
                "anim_path_14_7": {
                    "type": "animation",
                    "id": "anim_path_14_7",
                    "href": "#path_14_7",
                    "color": "rgb(97, 104, 122)",
                    "source": 3,
                    "threshold": 5,
                    "animation_properties": "positive",
                    "animation_option": true,
                    "dots": 0,
                    "duration": 0,
                    "power": 0,
                    "animation_type": -1
                },
                "anim_path_28_22": {
                    "type": "animation",
                    "id": "anim_path_28_22",
                    "href": "#path_28_22",
                    "color": "rgb(97, 104, 122)",
                    "source": 7,
                    "threshold": 0,
                    "animation_properties": "positive",
                    "animation_option": false,
                    "dots": 0,
                    "duration": 0,
                    "power": 0,
                    "animation_type": -1
                },
                "anim_path_28_33": {
                    "type": "animation",
                    "id": "anim_path_28_33",
                    "href": "#path_28_33",
                    "color": "rgb(97, 104, 122)",
                    "source": 5,
                    "threshold": 0,
                    "animation_properties": "positive",
                    "animation_option": false,
                    "dots": 0,
                    "duration": 0,
                    "power": 0,
                    "animation_type": -1
                },
                "anim_path_7_39": {
                    "type": "animation",
                    "id": "anim_path_7_39",
                    "href": "#path_7_39",
                    "color": "rgb(97, 104, 122)",
                    "source": 12,
                    "threshold": 1,
                    "animation_properties": "positive",
                    "animation_option": false,
                    "dots": 0,
                    "duration": 0,
                    "power": 0,
                    "animation_type": -1
                },
                "anim_path_7_43": {
                    "type": "animation",
                    "id": "anim_path_7_43",
                    "href": "#path_7_43",
                    "color": "rgb(97, 104, 122)",
                    "source": 13,
                    "threshold": 1,
                    "animation_properties": "positive",
                    "animation_option": false,
                    "dots": 0,
                    "duration": 0,
                    "power": 0,
                    "animation_type": -1
                },
                "anim_path_7_47": {
                    "type": "animation",
                    "id": "anim_path_7_47",
                    "href": "#path_7_47",
                    "color": "rgb(97, 104, 122)",
                    "source": 17,
                    "threshold": 1,
                    "animation_properties": "positive",
                    "animation_option": false,
                    "dots": 0,
                    "duration": 0,
                    "power": 0,
                    "animation_type": -1
                },
                "anim_path_7_51": {
                    "type": "animation",
                    "id": "anim_path_7_51",
                    "href": "#path_7_51",
                    "color": "rgb(97, 104, 122)",
                    "source": 11,
                    "threshold": 0,
                    "animation_properties": "positive",
                    "animation_option": false,
                    "dots": 0,
                    "duration": 0,
                    "power": 0,
                    "animation_type": -1
                },
                "anim_path_5_28": {
                    "type": "animation",
                    "id": "anim_path_5_28",
                    "href": "#path_5_28",
                    "color": "rgb(97, 104, 122)",
                    "source": 0,
                    "threshold": 0,
                    "animation_properties": "positive",
                    "animation_option": false,
                    "dots": 0,
                    "duration": 0,
                    "power": 0,
                    "animation_type": -1
                }
            },
            "datasources": {
                "0": {
                    "source": "0_userdata.0.PV-Leistung",
                    "alias": "PV-Garage"
                },
                "1": {
                    "source": "modbus.1.inputRegisters.3.30775_PowerAC",
                    "alias": "Speicher"
                },
                "2": {
                    "source": "modbus.1.inputRegisters.3.30845_BAT_SoC",
                    "alias": "SoC"
                },
                "3": {
                    "source": "tibberlink.0.Homes.08f1e516-bd725-4c0f-3188-02d94de9370a.LiveMeasurement.power",
                    "alias": "Grid"
                },
                "4": {
                    "source": "sonoff.0.Zaehler-Keller.Garage_Power_curr",
                    "alias": "Garage"
                },
                "5": {
                    "source": "modbus.2.inputRegisters.30053_P1-3",
                    "alias": "Garten"
                },
                "6": {
                    "source": "energiefluss-erweitert.0.calculation.consumption.consumption",
                    "alias": "Verbrauch"
                },
                "7": {
                    "source": "0_userdata.0.Garten&Auto",
                    "alias": "Auto"
                },
                "8": {
                    "source": "sonoff.0.Zaehler-Garage.POWER3",
                    "alias": "Garage-zu"
                },
                "9": {
                    "source": "0_userdata.0.Auto-angeschlossen",
                    "alias": "EVPlugState"
                },
                "11": {
                    "source": "sonoff.0.SP111.ENERGY_Power",
                    "alias": "SP111"
                },
                "12": {
                    "source": "sonoff.0.Waschmaschine.ENERGY_Power",
                    "alias": "Waschen"
                },
                "13": {
                    "source": "sonoff.0.Trockner.ENERGY_Power",
                    "alias": "Trockner"
                },
                "14": {
                    "source": "energiefluss-erweitert.0.calculation.battery.remaining",
                    "alias": "Restzeit"
                },
                "15": {
                    "source": "sonoff.0.SP111.POWER",
                    "alias": "SP111-Power"
                },
                "16": {
                    "source": "sonoff.0.3D-Drucker.POWER",
                    "alias": "3d-Drucker-Power"
                },
                "17": {
                    "source": "sonoff.0.3D-Drucker.ENERGY_Power",
                    "alias": "3d-Drucker"
                },
                "18": {
                    "source": "modbus.0.inputRegisters.3.30773_Eingang_1_W",
                    "alias": "Einganeg-Ost"
                },
                "19": {
                    "source": "modbus.0.inputRegisters.3.30961_Eingang_2_W",
                    "alias": "Eingang-West"
                },
                "20": {
                    "source": "0_userdata.0.Strompreis.Speicher-Preis",
                    "alias": "Stromprei-Speicher"
                },
                "21": {
                    "source": "tibberlink.0.Homes.08f1e516-72bd-4c0f-8831-94d02de9370a.CurrentPrice.total",
                    "alias": "Strompreis-Netz"
                },
                "22": {
                    "source": "0_userdata.0.StromL1",
                    "alias": "Strom-L1"
                },
                "23": {
                    "source": "0_userdata.0.StromL2",
                    "alias": "Strom-L2"
                },
                "24": {
                    "source": "0_userdata.0.StromL3",
                    "alias": "trom-L3"
                }
            }
        }
        
        J Offline
        J Offline
        jauntyjosef
        schrieb am zuletzt editiert von
        #2128

        Ich versuche nun schon seit einiger Zeit den schwarzen Balken unten in der Anzeige weg zu bekommen. Hat vielleicht jemand einen Tip für mich? Übersehe ich da was, oder bin ich zu blöd?

        Bildschirmfoto 2024-01-10 um 19.58.43.png

        SKBS 1 Antwort Letzte Antwort
        0
        • J jauntyjosef

          Ich versuche nun schon seit einiger Zeit den schwarzen Balken unten in der Anzeige weg zu bekommen. Hat vielleicht jemand einen Tip für mich? Übersehe ich da was, oder bin ich zu blöd?

          Bildschirmfoto 2024-01-10 um 19.58.43.png

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

          @jauntyjosef du hast wahrscheinlich im CSS Tab etwas eingegeben.
          Was?

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

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

          J 1 Antwort Letzte Antwort
          0
          • SKBS SKB

            @jauntyjosef du hast wahrscheinlich im CSS Tab etwas eingegeben.
            Was?

            J Offline
            J Offline
            jauntyjosef
            schrieb am zuletzt editiert von
            #2130

            @skb
            Eigentlich nur, dass ich einen weißen Hintergrund haben will, da dieser immer grau/schwarz war.
            Ich komme aber jetzt nicht mehr in den Editor. Das Zahnradsymbol habe ich ausgeblendet. Ctrl+e in Safari funktioniert nicht und Ctrl+Opt+e in Firefox auch nicht.

            SKBS 1 Antwort Letzte Antwort
            0
            • J jauntyjosef

              @skb
              Eigentlich nur, dass ich einen weißen Hintergrund haben will, da dieser immer grau/schwarz war.
              Ich komme aber jetzt nicht mehr in den Editor. Das Zahnradsymbol habe ich ausgeblendet. Ctrl+e in Safari funktioniert nicht und Ctrl+Opt+e in Firefox auch nicht.

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

              @jauntyjosef genau an dem weissen Hintergrund wird es liegen.

              Oben in der Adresse configuration.html am Ende eingeben. Dann kommst du dorthin, dann den CSS Tab Posten.

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

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

              J 1 Antwort Letzte Antwort
              0
              • SKBS SKB

                @jauntyjosef genau an dem weissen Hintergrund wird es liegen.

                Oben in der Adresse configuration.html am Ende eingeben. Dann kommst du dorthin, dann den CSS Tab Posten.

                J Offline
                J Offline
                jauntyjosef
                schrieb am zuletzt editiert von
                #2132

                @skb
                Danke, so bin ich wieder rein gekommen.

                Wenn ich den weißen Hintergrund raus nehme, dann sieht es allerdings so aus.
                Bildschirmfoto 2024-01-10 um 20.24.43.png

                SKBS 1 Antwort Letzte Antwort
                0
                • J jauntyjosef

                  @skb
                  Danke, so bin ich wieder rein gekommen.

                  Wenn ich den weißen Hintergrund raus nehme, dann sieht es allerdings so aus.
                  Bildschirmfoto 2024-01-10 um 20.24.43.png

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

                  @jauntyjosef richtig. Das ist der Darkmode, den du wahrscheinlich im Browser aktiviert hast.

                  Wie sieht denn nun der CSS Tab aus?

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

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

                  J 1 Antwort Letzte Antwort
                  0
                  • SKBS SKB

                    @jauntyjosef richtig. Das ist der Darkmode, den du wahrscheinlich im Browser aktiviert hast.

                    Wie sieht denn nun der CSS Tab aus?

                    J Offline
                    J Offline
                    jauntyjosef
                    schrieb am zuletzt editiert von
                    #2134

                    @skb
                    Leer.

                    Bildschirmfoto 2024-01-10 um 20.29.04.png

                    SKBS 1 Antwort Letzte Antwort
                    0
                    • J jauntyjosef

                      @skb
                      Leer.

                      Bildschirmfoto 2024-01-10 um 20.29.04.png

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

                      @jauntyjosef und wie wolltest du nun den weissen Hintergrund haben?
                      Den hast Du ja dort eingegebenen oder?

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

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

                      J 1 Antwort Letzte Antwort
                      0
                      • SKBS SKB

                        @jauntyjosef und wie wolltest du nun den weissen Hintergrund haben?
                        Den hast Du ja dort eingegebenen oder?

                        J Offline
                        J Offline
                        jauntyjosef
                        schrieb am zuletzt editiert von jauntyjosef
                        #2136

                        @skb
                        Der Dark Mode ist jetzt aktiviert, das stimmt.

                        Wenn in CSS nichts drinnen steht, dann sieht das in der VIS so aus.
                        Bildschirmfoto 2024-01-10 um 20.30.14.png

                        Wenn ich bei CSS einen weißen Hintergrund einstelle (body {background-color: white;}), dann habe ich unten den dunklen Balken.

                        Ich wollte es so haben, wie es beim "alten" Adapter aussieht.
                        Bildschirmfoto 2024-01-10 um 20.32.59.png

                        Also eigentlich einen transparenten Hintergrund.

                        SKBS 1 Antwort Letzte Antwort
                        0
                        • J jauntyjosef

                          @skb
                          Der Dark Mode ist jetzt aktiviert, das stimmt.

                          Wenn in CSS nichts drinnen steht, dann sieht das in der VIS so aus.
                          Bildschirmfoto 2024-01-10 um 20.30.14.png

                          Wenn ich bei CSS einen weißen Hintergrund einstelle (body {background-color: white;}), dann habe ich unten den dunklen Balken.

                          Ich wollte es so haben, wie es beim "alten" Adapter aussieht.
                          Bildschirmfoto 2024-01-10 um 20.32.59.png

                          Also eigentlich einen transparenten Hintergrund.

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

                          @jauntyjosef wie stellst du denn in CSS den weissen Hintergrund ein?

                          Edit:
                          Der Hintergrund klappt so:

                          html, body {background-color: white;}
                          

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

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

                          J 1 Antwort Letzte Antwort
                          0
                          • SKBS SKB

                            @jauntyjosef wie stellst du denn in CSS den weissen Hintergrund ein?

                            Edit:
                            Der Hintergrund klappt so:

                            html, body {background-color: white;}
                            
                            J Offline
                            J Offline
                            jauntyjosef
                            schrieb am zuletzt editiert von
                            #2138

                            @skb
                            body {background-color: white;}

                            SKBS 1 Antwort Letzte Antwort
                            0
                            • J jauntyjosef

                              @skb
                              body {background-color: white;}

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

                              @jauntyjosef oben den Beitrag habe ich editiert.

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

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

                              J 1 Antwort Letzte Antwort
                              0
                              • SKBS SKB

                                @jauntyjosef oben den Beitrag habe ich editiert.

                                J Offline
                                J Offline
                                jauntyjosef
                                schrieb am zuletzt editiert von
                                #2140

                                @skb
                                Vielen herzlichen Dank! :+1:
                                Das html, hat den Ausschlag gegeben.
                                Jetzt klappt es auch mit transparent.

                                Danke sehr!

                                SKBS 1 Antwort Letzte Antwort
                                0
                                • J jauntyjosef

                                  @skb
                                  Vielen herzlichen Dank! :+1:
                                  Das html, hat den Ausschlag gegeben.
                                  Jetzt klappt es auch mit transparent.

                                  Danke sehr!

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

                                  @jauntyjosef Kaum macht man's richtig - klappt's :)

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

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

                                  1 Antwort Letzte Antwort
                                  1
                                  • SKBS Offline
                                    SKBS Offline
                                    SKB
                                    Developer Most Active
                                    schrieb am zuletzt editiert von
                                    #2142

                                    Hallo Zusammen,
                                    nach einer kleinen Weile habe ich eine neue Version erstellt, die alle von Euch gemeldeten Fehler beseitigt und noch ein paar neue Funktionen mit sich bringt. Es ist die Version 0.2.0

                                    Folgendes ist neu bzw. korrigiert:

                                    • Hinzugefügt: Steuerung, um Quellen nicht zu löschen, wenn sie als Quelle, Addition oder Subtraktion verwendet werden (Elemente, die diese verwenden, werden mit zusätzlichen Informationen angezeigt)
                                    • Hinzugefügt: IDs für Datenquellen werden in der Konfigurationsleiste angezeigt, um die ID des Elements aus dem oben genannten Grund besser finden zu können
                                    • Hinzugefügt: Kontrolle, um keine doppelten Datenquellen von ioBroker hinzuzufügen, da dies aufgrund doppelter Schlüssel zu Abstürzen führen würde
                                    • Hinzugefügt: Das Formular auf der Datenquellen-Konfigurationsseite wird während der Bearbeitung einer Datenquelle deaktiviert
                                    • Hinzugefügt: Eine Einheit für die Datenquelle ist wählbar – dies erleichtert die Verwendung dieser Werte für Addition und Subtraktion, ohne Hilfsdatenpunkte zu verwenden
                                    • Hinzugefügt: Neue Übersetzungen, Designänderungen und verschiedene Codeoptimierungen
                                    • FIX: Crash-Handler für fehlende Datenquellen erweitert (wenn die Datenquelle aus ioBroker gelöscht und als Quelle, Addition oder Subtraktion in einem beliebigen Element verwendet wurde)

                                    Viel Spaß mit der neuen Version! :)

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

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

                                    C 1 Antwort Letzte Antwort
                                    2
                                    • SKBS SKB

                                      Hallo Zusammen,
                                      nach einer kleinen Weile habe ich eine neue Version erstellt, die alle von Euch gemeldeten Fehler beseitigt und noch ein paar neue Funktionen mit sich bringt. Es ist die Version 0.2.0

                                      Folgendes ist neu bzw. korrigiert:

                                      • Hinzugefügt: Steuerung, um Quellen nicht zu löschen, wenn sie als Quelle, Addition oder Subtraktion verwendet werden (Elemente, die diese verwenden, werden mit zusätzlichen Informationen angezeigt)
                                      • Hinzugefügt: IDs für Datenquellen werden in der Konfigurationsleiste angezeigt, um die ID des Elements aus dem oben genannten Grund besser finden zu können
                                      • Hinzugefügt: Kontrolle, um keine doppelten Datenquellen von ioBroker hinzuzufügen, da dies aufgrund doppelter Schlüssel zu Abstürzen führen würde
                                      • Hinzugefügt: Das Formular auf der Datenquellen-Konfigurationsseite wird während der Bearbeitung einer Datenquelle deaktiviert
                                      • Hinzugefügt: Eine Einheit für die Datenquelle ist wählbar – dies erleichtert die Verwendung dieser Werte für Addition und Subtraktion, ohne Hilfsdatenpunkte zu verwenden
                                      • Hinzugefügt: Neue Übersetzungen, Designänderungen und verschiedene Codeoptimierungen
                                      • FIX: Crash-Handler für fehlende Datenquellen erweitert (wenn die Datenquelle aus ioBroker gelöscht und als Quelle, Addition oder Subtraktion in einem beliebigen Element verwendet wurde)

                                      Viel Spaß mit der neuen Version! :)

                                      C Offline
                                      C Offline
                                      ChrisBGL
                                      schrieb am zuletzt editiert von
                                      #2143

                                      Ich versuche gerade vom alten auf den neuen Adapter umzusteigen.

                                      Mir ist allerdings nicht klar, wie ich die Animationen bestücke. Z.b. PV-Erzeugung kann ja entweder in den Akku, das Netz oder den Hausverbrauch gehen - oder sogar alles drei gleichzeitig. Wie kann ich das über die Zuordnung von Datenpunkten animieren? Im Wiki finde ich dazu nichts.

                                      SKBS 1 Antwort Letzte Antwort
                                      0
                                      • C ChrisBGL

                                        Ich versuche gerade vom alten auf den neuen Adapter umzusteigen.

                                        Mir ist allerdings nicht klar, wie ich die Animationen bestücke. Z.b. PV-Erzeugung kann ja entweder in den Akku, das Netz oder den Hausverbrauch gehen - oder sogar alles drei gleichzeitig. Wie kann ich das über die Zuordnung von Datenpunkten animieren? Im Wiki finde ich dazu nichts.

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

                                        @chrisbgl Linie anklicken und unter Quelle die Datenquelle auswählen.

                                        Wie bei allen anderen Elementen auch.

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

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

                                        C 1 Antwort Letzte Antwort
                                        0
                                        • SKBS SKB

                                          @chrisbgl Linie anklicken und unter Quelle die Datenquelle auswählen.

                                          Wie bei allen anderen Elementen auch.

                                          C Offline
                                          C Offline
                                          ChrisBGL
                                          schrieb am zuletzt editiert von
                                          #2145

                                          @skb Ja, das habe ich gesehen. Aber welchen Datenpunkt? Sagen wir mal PV Produktion ist 12 kW, davon gehen 4 ins Haus, 6 in den Akku und 2 ins Netz. Wenn ich den Datenpunkt für die PV-Produktion allen drei Linien zuordnen animieren auch alle drei, wenn z.b. nur 2 kW produziert werden die alle ins Haus gehen.

                                          SKBS 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

                                          654

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          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