Energiefluss-Erweitert Ansichten
Visualisierung
59
Beiträge
27
Kommentatoren
13.7k
Aufrufe
29
Watching
-
Hi,
da ich kein besonders großer Grafik und Design Profi bin würde ich mich freuen wenn Ihr in diesem Thread eure Energiefluss-Erweitert Ansichten zeigen könntet. Da kann nicht nur ich mir anregungen holen und gezielt Fragen stellen.
Freue mich auf eure Umsetzungen.
@wendy2702 sagte in Energiefluss-Erweitert Ansichten:
würde ich mich freuen wenn Ihr in diesem Thread eure Energiefluss-Erweitert Ansichten zeigen könntet
Gerne, aber ich muss die kurz Erklären :-)
Das wird auf einem 7 Zoll Monitor dargestellt, die obere Reihe von links nach rechts ist die "Insel 3000", diese Lädt einen 7KW Akku, daneben ist das BKW und die PWS, die Energie geht ins Hausnetz, weiter rechts haben wir die
"Insel 2000", die lädt einen 3,8kw Akku.
Darunter noch ein paar Verbraucher, wie die Klimaanlage (wird von der Insel 3000 mit Strom versorgt).
-
Hi,
ich bin ein absoluter Fan vom Energiefluss Adapter. VIS hat mir für meine Anforderung einfach nicht das geliefert was ich gesucht habe. Ich habe einen Monitor der den Tag über läuft und mir die wichtigsten Informationen anzeigt und zwar kompakt auf einer Seite. Genau das habe ich gesucht.
Danke dafür....
@marko-hinrichsen
Ist das ein 65" Monitor? Würd noch mehr Info´s reinpacken. Machts übersichtlicher... ;-) -
Hi,
da ich kein besonders großer Grafik und Design Profi bin würde ich mich freuen wenn Ihr in diesem Thread eure Energiefluss-Erweitert Ansichten zeigen könntet. Da kann nicht nur ich mir anregungen holen und gezielt Fragen stellen.
Freue mich auf eure Umsetzungen.
Für alle Besitzer einer E3DC Anlage:
ich nutze den RSCP Adapter, um die Daten in den iobroker zu ziehen.
hier das config file:
{ "basic": { "enable_grid": true, "enable_animation": true, "enable_area_catch": true, "enable_config_icon": false, "enable_last_id": false, "enable_icon_proxy": false, "enable_low_performance": false, "height": 1200, "width": 2000, "styles": "#svg_display{\n background-image: url(\"https://images.unsplash.com/photo-1439792675105-701e6a4ab6f0?q=80&w=4000&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");\n height: 100%;\n width: 100%;\n background-repeat: no-repeat;\n background-size: cover;\n position: absolute;\n border-radius: 20;\n background-color: #cccccc;\n}\n.glow {\n animation: glow 3s ease-in-out infinite alternate;\n}\n\n@-webkit-keyframes glow {\n from {\n text-shadow: 0 0 10px #fff, 0 0 20px #0000ff, 0 0 30px #0000ff, 0 0 40px #0000ff, 0 0 50px #0000ff, 0 0 60px #0000ff, 0 0 70px #0000ff;\n }\n \n to {\n text-shadow: 0 0 20px #FFB266, 0 0 30px #FFB266, 0 0 40px #FFB266, 0 0 50px #FFB266, 0 0 60px #FFB266, 0 0 70px #FFB266, 0 0 80px #FFB266;\n }\n}\n.blink_value {\n transition: opacity .4s ease-in-out;\n animation-name: animation_blink;\n animation-timing-function: ease-in;\n animation-duration: 1.6s;\n animation-iteration-count: infinite;\n}\n \n@keyframes animation_blink {\n 50% {\n opacity: 0.4;\n }\n}\n#https://cdn.pixabay.com/photo/2019/12/16/22/08/sky-4700394_1280.jpg", "font": { "family": "\"Comic Sans MS\", cursiv", "size": "12", "color": "", "fill": "#171717", "align": "middle" }, "rect": { "height": 100, "width": 100, "corners": 10 }, "circle": { "radius": 50 }, "elm": { "stroke_width": 2, "color": "", "fill": "", "pos_x": 300, "pos_y": 300 }, "icon": { "height": 24, "width": 24, "color": "" }, "background_color": "#7A8E8EF5", "enable_show_coordinates": true, "tourVisited": true }, "calculation": { "battery": { "dod": 68, "capacity": 39, "percent": 6, "charge": 4, "charge_prop": false, "charge_kw": false, "discharge": 4, "discharge_prop": true, "discharge_kw": false }, "consumption": { "production": [ "0" ], "production_kw": false, "gridFeed": 3, "gridFeed_kw": false, "gridFeed_prop": true, "gridConsume": 3, "gridConsume_kw": false, "gridConsume_prop": false, "batteryCharge": 4, "batteryCharge_kw": false, "batteryCharge_prop": false, "batteryDischarge": 4, "batteryDischarge_kw": false, "batteryDischarge_prop": true } }, "animation": { "stroke_dasharray": "1 10 1 10 1 10 1 10 1 10 1 10 1 10 1 10 1 10 1 36", "stroke_width": 8, "animation_duration": 3500, "stroke_linecap": "round", "animation_timing_function": "linear" }, "animation_configuration": { "dots": 10, "distance": 10, "length": 1 }, "line": { "stroke_width": 8, "stroke": "#000000" }, "elements": { "28": { "position": 60, "type": "text", "subType": "datasource", "id": 28, "pos_x": 1187, "pos_y": 578, "color": "none", "fill": "rgb(242, 107, 70)", "font_family": "\"Comic Sans MS\", cursiv", "font_size": 22, "align": "start", "text": "ID 28", "unit": "", "source": 2, "source_option": -1, "source_display": "auto", "shadow": "rgb(196, 196, 196)", "threshold": 0, "calculate_kw": "none", "counter_animation": true, "convert": false, "decimal_places": 0, "action": "none", "subtract": [ -1 ], "add": [ -1 ], "frame": "_overlay", "override": { ">=1500": { "fill": "#F20E40" } }, "prepend": "aktuell", "append": "Watt Hausverbrauch", "source_action": 2, "linebreak": 8 }, "52": { "position": 57, "type": "text", "id": 52, "pos_x": 1829, "pos_y": 593, "color": "none", "fill": "rgb(255, 206, 74)", "font_family": "\"Comic Sans MS\", cursiv", "font_size": 20, "align": "middle", "text": "", "shadow": "", "frame": "_overlay" }, "54": { "position": 16, "type": "text", "subType": "datasource", "id": 54, "pos_x": 1678, "pos_y": 179, "color": "none", "fill": "rgb(14, 14, 13)", "font_family": "\"Comic Sans MS\", cursiv", "font_size": 17, "align": "end", "text": "ID 54", "unit": "%", "prepend": "Autarkie aktuell: ", "source": 9, "source_option": -1, "source_display": "value", "shadow": "", "threshold": 0, "calculate_kw": "none", "counter_animation": true, "convert": false, "decimal_places": 0, "action": "none", "subtract": [ -1 ], "add": [ -1 ], "frame": "_overlay", "group": 1 }, "56": { "position": 12, "type": "text", "subType": "datasource", "id": 56, "pos_x": 555, "pos_y": 177, "color": "none", "fill": "rgb(14, 14, 13)", "font_family": "\"Comic Sans MS\", cursiv", "font_size": 17, "align": "end", "text": "ID 56", "unit": "%", "prepend": "Eigenverbrauch aktuell: ", "source": 10, "source_option": -1, "source_display": "value", "shadow": "", "threshold": 0, "calculate_kw": "none", "counter_animation": false, "convert": false, "decimal_places": 0, "action": "none", "subtract": [ -1 ], "add": [ -1 ], "frame": "_overlay", "group": 2 }, "125": { "position": 40, "type": "text", "subType": "datasource", "id": 125, "pos_x": 1020, "pos_y": 540, "color": "none", "fill": "rgb(32, 2, 9)", "font_family": "\"Comic Sans MS\", cursiv", "font_size": 22, "align": "middle", "text": "ID 125", "unit": "W", "source": 4, "source_option": -1, "source_display": "auto", "shadow": "", "threshold": 0, "calculate_kw": "none", "counter_animation": true, "convert": true, "decimal_places": 0, "action": "none", "subtract": [ -1 ], "add": [ -1 ], "frame": "_overlay", "override": { "<0": { "fill": "rgb(32,2,9)" }, ">0": { "fill": "rgb(0,0,0,0)" }, "==0": { "fill": "rgb(0,0,0,0)" } }, "source_action": 4 }, "138": { "position": 14, "type": "image", "id": "138", "width": 60, "height": 60, "pos_x": 674, "pos_y": 154, "shadow": "", "source": -1, "threshold": 0, "href": "{daswetter.0.NextDays.Location_1.Day_2.iconURL}", "preserveAspectRatio": "xMidYMid meet", "frame": "_overlay", "action": "none" }, "139": { "position": 17, "type": "text", "subType": "datasource", "id": 139, "pos_x": 695, "pos_y": 577, "color": "none", "fill": "rgb(255, 206, 74)", "font_family": "\"Comic Sans MS\", cursiv", "font_size": 22, "align": "end", "text": "ID 139", "unit": "", "source": 0, "source_option": -1, "source_display": "auto", "shadow": "rgb(196, 196, 196)", "threshold": 900, "calculate_kw": "none", "counter_animation": true, "convert": false, "decimal_places": 0, "action": "none", "subtract": [ -1 ], "add": [ -1 ], "frame": "_overlay", "override": { "==0": { "fill": "rgb(0,0,0,0)" } }, "prepend": "", "append": "Watt Gesamtproduktion", "source_action": 0, "linebreak": 4, "css_active_positive": "blink_value" }, "144": { "position": 19, "type": "image", "id": "144", "width": 60, "height": 69, "pos_x": 674, "pos_y": 26, "shadow": "", "source": -1, "threshold": 0, "href": "{daswetter.0.NextDays.Location_1.Day_1.iconURL}", "preserveAspectRatio": "xMidYMid meet", "frame": "_overlay", "action": "none" }, "164": { "position": 11, "type": "text", "subType": "datasource", "id": 164, "pos_x": 694, "pos_y": 752, "color": "none", "fill": "rgb(167, 177, 206)", "font_family": "\"Comic Sans MS\", cursiv", "font_size": 22, "align": "end", "text": "ID 164", "unit": "", "source": 3, "source_option": -1, "source_display": "auto", "shadow": "rgb(196, 196, 196)", "threshold": 0, "calculate_kw": "none", "counter_animation": true, "convert": true, "decimal_places": 0, "action": "none", "subtract": [ -1 ], "add": [ -1 ], "frame": "_overlay", "override": { "<0": { "append": "Watt Einspeisung", "fill": "#A1D343" }, ">0": { "append": "Watt Bezug", "fill": "rgb(242,14,64)" }, "==0": { "append": "", "value": "no grid" } }, "source_action": 3, "linebreak": 8, "append": "" }, "169": { "position": 0, "type": "text", "subType": "datasource", "id": 169, "pos_x": 990, "pos_y": 419, "color": "none", "fill": "rgb(11, 12, 11)", "font_family": "\"Comic Sans MS\", cursiv", "font_size": 22, "align": "end", "text": "ID 169", "unit": "", "source": 6, "source_option": -1, "source_display": "value", "shadow": "", "threshold": 0, "calculate_kw": "none", "counter_animation": false, "convert": false, "decimal_places": 0, "action": "none", "subtract": [ -1 ], "add": [ -1 ], "frame": "_overlay", "override": { ">99": { "fill": "rgb(19,19,19)" } }, "prepend": "SOC", "append": "% " }, "207": { "position": 16, "type": "rect", "id": 207, "rx": 10, "height": 40, "width": 270, "pos_x": 303, "pos_y": 157, "fill": "rgb(224, 245, 224)", "color": "rgb(235, 244, 242)", "stroke": 1, "shadow": "rgb(217, 217, 217)", "frame": "_overlay", "fill_type": "percent", "fill_direction": 180, "border_type": -1, "border_direction": "cw", "border_style": "round", "border_reverse": false, "border_start": null, "source": 10, "threshold": 0, "override": { ">0": { "borderfillcolor": "#FF0000", "bordercolor": "rgb(235,244,242)", "fillcolor": "#FF0000" }, ">25": { "borderfillcolor": "rgb(255,206,74)", "bordercolor": "rgb(235,244,242))", "fillcolor": "#E8BB43" }, ">50": { "borderfillcolor": "#A1D343", "bordercolor": "rgb(235,244,242)", "fillcolor": "rgb(45,224,212)" }, ">75": { "borderfillcolor": "#A1D343", "bordercolor": "rgb(235,244,242)", "fillcolor": "#86B038" } }, "fill_value": "#5CF4FF", "group": 2 }, "208": { "position": 15, "type": "rect", "id": 208, "rx": 10, "height": 40, "width": 222, "pos_x": 1475, "pos_y": 157, "fill": "rgb(224, 245, 224)", "color": "rgb(235, 244, 242)", "stroke": 1, "shadow": "rgb(217, 217, 217)", "frame": "_overlay", "fill_type": "percent", "fill_direction": 180, "border_type": -1, "border_direction": "cw", "border_style": "round", "border_reverse": false, "border_start": null, "source": 9, "threshold": 0, "override": { ">0": { "borderfillcolor": "#FF0000", "bordercolor": "rgb(235,244,242)", "fillcolor": "#FF0000" }, ">25": { "borderfillcolor": "rgb(255,206,74)", "bordercolor": "rgb(235,244,242))", "fillcolor": "#E8BB43" }, ">50": { "borderfillcolor": "#A1D343", "bordercolor": "rgb(235,244,242)", "fillcolor": "rgb(45,224,212)" }, ">75": { "borderfillcolor": "#A1D343", "bordercolor": "rgb(235,244,242)", "fillcolor": "#86B038" } }, "fill_value": "#5CF4FF", "group": 1 }, "214": { "position": 0, "type": "rect", "id": 214, "rx": 5, "height": 127, "width": 223, "pos_x": 836, "pos_y": 338, "fill": "rgba(224, 245, 224, 0.99)", "color": "rgba(235, 244, 242, 0)", "stroke": 1, "shadow": "", "frame": "_overlay", "fill_type": "percent", "fill_direction": 90, "border_type": -1, "border_direction": "cw", "border_style": "round", "border_reverse": false, "border_start": null, "source": 6, "threshold": 0, "override": { ">0": { "borderfillcolor": "#FF0000", "bordercolor": "rgb(235,244,242)", "fillcolor": "#FF0000" }, ">25": { "borderfillcolor": "rgb(255,206,74)", "bordercolor": "rgb(235,244,242))", "fillcolor": "#E8BB43" }, ">50": { "borderfillcolor": "#A1D343", "bordercolor": "rgb(235,244,242)", "fillcolor": "rgb(45,224,212)" }, ">75": { "borderfillcolor": "#A1D343", "bordercolor": "rgb(235,244,242)", "fillcolor": "#86B038" } }, "fill_value": "rgba(238, 238, 238, 0.94)", "fill_max": 3100 }, "215": { "position": 0, "type": "text", "subType": "datasource", "id": 215, "pos_x": 1049, "pos_y": 366, "color": "none", "fill": "rgb(11, 12, 11)", "font_family": "\"Comic Sans MS\", cursiv", "font_size": 22, "align": "end", "text": "ID 169", "unit": "", "source": 69, "source_option": -1, "source_display": "auto", "shadow": "", "threshold": 0, "calculate_kw": "none", "counter_animation": false, "convert": true, "decimal_places": 0, "action": "none", "subtract": [ -1 ], "add": [ -1 ], "frame": "_overlay", "override": { "==0": { "value": 9650 } }, "prepend": "", "append": "Wh verfügbar", "source_action": 69 }, "302": { "position": 59, "id": 302, "pos_x": 780, "pos_y": 298.3636169433594, "source": 16, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "calculate_kw": "none", "counter_animation": true, "convert": false, "decimal_places": 0, "type": "text", "align": "start", "subType": "datasource", "text": "Datasource 302", "source_option": -1, "source_option_lc": -1, "source_display": "text", "linebreak": 0, "subtract": [], "add": [], "unit": "", "source_action": 16, "color": "none", "fill": "rgb(255, 206, 74)", "font_size": 19, "font_family": "\"Comic Sans MS\", cursiv", "prepend": "Restzeit", "append": "zum Be- oder Entladen", "override": { "--:--h": { "fill": "rgb(0,0,0,0)" } } }, "304": { "position": 0, "type": "text", "subType": "datasource", "id": 304, "pos_x": 1076, "pos_y": 813, "color": "none", "fill": "rgb(153, 64, 193)", "font_family": "\"Comic Sans MS\", cursiv", "font_size": 22, "align": "end", "text": "ID 169", "unit": "", "source": 68, "source_option": -1, "source_display": "value", "shadow": "", "threshold": 0, "calculate_kw": "none", "counter_animation": false, "convert": false, "decimal_places": 1, "action": "none", "subtract": [ -1 ], "add": [ -1 ], "frame": "_overlay", "override": { ">99": { "fill": "rgb(19,19,19)" } }, "prepend": "Notstrom-Reserve", "append": "% ", "source_action": 68 }, "336": { "position": 0, "id": 336, "pos_x": 648, "pos_y": 177, "source": -1, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "href": "ups-blue.png", "width": 600, "height": 800, "type": "image", "preserveAspectRatio": "xMidYMid meet" }, "337": { "position": 33, "id": 337, "pos_x": 846, "pos_y": 626, "source": -1, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "href": "e3dc-storage-trans.png", "width": 200, "height": 100, "type": "image", "preserveAspectRatio": "xMidYMid meet" }, "346": { "position": 8, "id": 346, "pos_x": 752, "pos_y": 781, "source": -1, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "type": "rect", "width": 50, "height": 15, "rx": 1, "fill_value": "", "fill_type": -1, "fill_direction": 90, "fill_max": 0, "border_value": "", "border_type": -1, "border_direction": "cw", "border_style": "round", "border_max": 0, "border_reverse_value": "", "border_reverse": false, "border_start": 180, "color": "rgba(245, 119, 130, 0)", "fill": "none", "stroke": 2 }, "347": { "position": 21, "id": 347, "pos_x": 728, "pos_y": 605, "source": -1, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "type": "rect", "width": 50, "height": 15, "rx": 1, "fill_value": "", "fill_type": -1, "fill_direction": 90, "fill_max": 0, "border_value": "", "border_type": -1, "border_direction": "cw", "border_style": "round", "border_max": 0, "border_reverse_value": "", "border_reverse": false, "border_start": 180, "color": "rgba(245, 119, 130, 0)", "fill": "none", "stroke": 2 }, "349": { "position": 21, "id": 349, "pos_x": 1124, "pos_y": 605, "source": -1, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "type": "rect", "width": 50, "height": 15, "rx": 1, "fill_value": "", "fill_type": -1, "fill_direction": 90, "fill_max": 0, "border_value": "", "border_type": -1, "border_direction": "cw", "border_style": "round", "border_max": 0, "border_reverse_value": "", "border_reverse": false, "border_start": 180, "color": "rgba(245, 119, 130, 0)", "fill": "none", "stroke": 1 }, "353": { "position": 21, "id": 353, "pos_x": 1120, "pos_y": 673, "source": -1, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "type": "rect", "width": 50, "height": 15, "rx": 1, "fill_value": "", "fill_type": -1, "fill_direction": 90, "fill_max": 0, "border_value": "", "border_type": -1, "border_direction": "cw", "border_style": "round", "border_max": 0, "border_reverse_value": "", "border_reverse": false, "border_start": 180, "color": "rgba(245, 119, 130, 0)", "fill": "none", "stroke": 1 }, "355": { "position": 21, "id": 355, "pos_x": 1622, "pos_y": 1115, "source": -1, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "type": "rect", "width": 50, "height": 15, "rx": 1, "fill_value": "", "fill_type": -1, "fill_direction": 90, "fill_max": 0, "border_value": "", "border_type": -1, "border_direction": "cw", "border_style": "round", "border_max": 0, "border_reverse_value": "", "border_reverse": false, "border_start": 180, "color": "rgba(245, 119, 130, 0)", "fill": "none", "stroke": 1 }, "357": { "position": 0, "id": 357, "pos_x": 970, "pos_y": 513, "source": 4, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "rgba(173, 173, 173, 0.94)", "type": "rect", "width": 100, "height": 50, "rx": 10, "fill_value": "rgb(242, 14, 64)", "fill_type": "value", "fill_direction": 0, "fill_max": -3100, "border_value": "", "border_type": -1, "border_direction": "cw", "border_style": "round", "border_max": 0, "border_reverse_value": "", "border_reverse": false, "border_start": 180, "color": "", "fill": "rgb(242, 242, 235)", "stroke": 2 }, "358": { "position": 0, "id": 358, "pos_x": 826, "pos_y": 513, "source": 4, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "type": "rect", "width": 100, "height": 50, "rx": 10, "fill_value": "rgb(161, 211, 67)", "fill_type": "value", "fill_direction": 180, "fill_max": 3100, "border_value": "", "border_type": -1, "border_direction": "cw", "border_style": "round", "border_max": 0, "border_reverse_value": "", "border_reverse": false, "border_start": 180, "color": "", "fill": "rgb(230, 232, 225)", "stroke": 2 }, "361": { "position": 40, "type": "text", "subType": "datasource", "id": 361, "pos_x": 874, "pos_y": 540, "color": "none", "fill": "rgb(9, 12, 4)", "font_family": "\"Comic Sans MS\", cursiv", "font_size": 22, "align": "middle", "text": "ID 125", "unit": "W", "source": 4, "source_option": -1, "source_display": "auto", "shadow": "", "threshold": 0, "calculate_kw": "none", "counter_animation": true, "convert": false, "decimal_places": 0, "action": "none", "subtract": [ -1 ], "add": [ -1 ], "frame": "_overlay", "override": { ">0": { "fill": "rgb(9,12,4)" }, "<0": { "fill": "rgb(0,0,0,0)" }, "==0": { "fill": "rgb(0,0,0,0)" } }, "source_action": 4 }, "362": { "position": 12, "id": 362, "pos_x": 768, "pos_y": 515, "source": 4, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "href": "add.png", "width": 45, "height": 45, "type": "image", "preserveAspectRatio": "xMidYMid meet", "override": { "<0": { "img_url": "http://192.168.2.40:8082/energiefluss-erweitert.1/userFiles/thumbnail/no-stopping.png" }, ">0": { "img_url": "http://192.168.2.40:8082/energiefluss-erweitert.1/userFiles/thumbnail/add.png" }, "==0": { "img_url": "http://192.168.2.40:8082/energiefluss-erweitert.1/userFiles/thumbnail/no-stopping.png" } } }, "363": { "position": 13, "id": 363, "pos_x": 1084, "pos_y": 515, "source": 4, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "href": "minus.png", "width": 45, "height": 45, "type": "image", "preserveAspectRatio": "xMidYMid meet", "override": { "<0": { "img_url": "http://192.168.2.40:8082/energiefluss-erweitert.1/userFiles/thumbnail/minus.png" }, ">0": { "img_url": "http://192.168.2.40:8082/energiefluss-erweitert.1/userFiles/thumbnail/no-stopping.png" }, "==0": { "img_url": "http://192.168.2.40:8082/energiefluss-erweitert.1/userFiles/thumbnail/no-stopping.png" } } }, "364": { "position": 0, "id": 364, "pos_x": 1592, "pos_y": 784, "source": 12, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "calculate_kw": "none", "counter_animation": false, "convert": false, "decimal_places": 0, "type": "text", "align": "start", "subType": "datasource", "text": "Datasource 364", "source_option": -1, "source_option_lc": -1, "source_display": "auto", "linebreak": 0, "subtract": [], "add": [], "unit": "W", "source_action": 12, "color": "none", "fill": "rgb(170, 182, 214)", "font_size": 22, "font_family": "\"Comic Sans MS\", cursiv", "override": { ">1": { "fill": "#F20E40" }, "==0": { "fill": "rgb(0,0,0,0)" } }, "prepend": "Total" }, "365": { "position": 0, "id": 365, "pos_x": 1390, "pos_y": 860, "source": 34, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "calculate_kw": "none", "counter_animation": false, "convert": false, "decimal_places": 0, "type": "text", "align": "start", "subType": "datasource", "text": "Datasource 364", "source_option": -1, "source_option_lc": -1, "source_display": "auto", "linebreak": 0, "subtract": [], "add": [], "unit": "W", "source_action": 34, "color": "none", "fill": "rgb(0, 181, 221)", "font_size": 22, "font_family": "\"Comic Sans MS\", cursiv", "override": { ">1": { "fill": "#F20E40" }, "==0": { "fill": "rgb(0,0,0,0)" } }, "prepend": "Netz" }, "366": { "position": 0, "id": 366, "pos_x": 1385, "pos_y": 647, "source": 5, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "calculate_kw": "none", "counter_animation": false, "convert": false, "decimal_places": 0, "type": "text", "align": "start", "subType": "datasource", "text": "Datasource 364", "source_option": -1, "source_option_lc": -1, "source_display": "auto", "linebreak": 0, "subtract": [], "add": [], "unit": "W", "source_action": 5, "color": "none", "fill": "rgb(255, 206, 74)", "font_size": 22, "font_family": "\"Comic Sans MS\", cursiv", "override": { ">1": { "fill": "#FFCE4A" }, "==0": { "fill": "rgb(0,0,0,0)" } }, "append": "", "prepend": "Solar" }, "370": { "position": 12, "id": 370, "pos_x": 724, "pos_y": 274, "source": 4, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "type": "rect", "width": 447, "height": 564, "rx": 10, "fill_value": "", "fill_type": -1, "fill_direction": 90, "fill_max": 0, "border_value": "rgb(33, 33, 33)", "border_type": "value", "border_direction": "cw", "border_style": "round", "border_max": 3050, "border_reverse_value": "rgb(242, 14, 64)", "border_reverse": true, "border_start": 270, "color": "rgb(161, 211, 67)", "fill": "none", "stroke": 5 }, "371": { "position": 8, "id": 371, "pos_x": 148, "pos_y": 995, "source": 3, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "radius": 100, "type": "circle", "fill_value": "", "fill_type": -1, "fill_direction": 90, "fill_max": 0, "border_value": "rgb(31, 31, 31)", "border_type": "value", "border_direction": "cw", "border_style": "round", "border_max": 9500, "border_reverse_value": "rgb(161, 211, 67)", "border_reverse": true, "border_start": 270, "color": "rgb(242, 14, 64)", "fill": "rgba(130, 67, 255, 0.11)", "stroke": 8 }, "372": { "position": 5, "id": 372, "pos_x": 1844, "pos_y": 174, "source": 2, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "radius": 100, "type": "circle", "fill_value": "", "fill_type": -1, "fill_direction": 90, "fill_max": 0, "border_value": "rgb(31, 31, 31)", "border_type": "value", "border_direction": "cw", "border_style": "round", "border_max": 6500, "border_reverse_value": "rgb(242, 14, 64)", "border_reverse": false, "border_start": 90, "color": "rgb(242, 14, 64)", "fill": "rgba(242, 14, 64, 0.15)", "stroke": 8 }, "373": { "position": 4, "id": 373, "pos_x": 148, "pos_y": 174, "source": 0, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "radius": 100, "type": "circle", "fill_value": "", "fill_type": -1, "fill_direction": 90, "fill_max": 0, "border_value": "rgb(31, 31, 31)", "border_type": "value", "border_direction": "ccw", "border_style": "round", "border_max": 19500, "border_reverse_value": "rgb(242, 14, 64)", "border_reverse": false, "border_start": 90, "color": "rgb(255, 206, 74)", "fill": "rgba(255, 206, 74, 0.216)", "stroke": 8 }, "374": { "position": 9, "id": 374, "pos_x": 1435, "pos_y": 754, "source": 12, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "radius": 80, "type": "circle", "fill_value": "", "fill_type": -1, "fill_direction": 90, "fill_max": 0, "border_value": "rgb(31, 31, 31)", "border_type": "value", "border_direction": "cw", "border_style": "round", "border_max": 11000, "border_reverse_value": "rgb(242, 14, 64)", "border_reverse": false, "border_start": 270, "color": "rgb(170, 182, 214)", "fill": "none", "stroke": 6 }, "375": { "position": 0, "id": 375, "pos_x": 1435, "pos_y": 754, "source": 34, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "radius": 70, "type": "circle", "fill_value": "", "fill_type": -1, "fill_direction": 90, "fill_max": 0, "border_value": "rgb(31, 31, 31)", "border_type": "value", "border_direction": "cw", "border_style": "round", "border_max": 11000, "border_reverse_value": "rgb(242, 14, 64)", "border_reverse": false, "border_start": 270, "color": "rgb(0, 181, 221)", "fill": "none", "stroke": 6 }, "376": { "position": 0, "id": 376, "pos_x": 1435, "pos_y": 754, "source": 5, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "radius": 60, "type": "circle", "fill_value": "", "fill_type": -1, "fill_direction": 90, "fill_max": 0, "border_value": "rgb(31, 31, 31)", "border_type": "value", "border_direction": "ccw", "border_style": "round", "border_max": 11000, "border_reverse_value": "rgb(242, 14, 64)", "border_reverse": false, "border_start": 270, "color": "rgb(255, 206, 74)", "fill": "none", "stroke": 6 }, "377": { "position": 21, "id": 377, "pos_x": 726, "pos_y": 708, "source": -1, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "type": "rect", "width": 50, "height": 15, "rx": 1, "fill_value": "", "fill_type": -1, "fill_direction": 90, "fill_max": 0, "border_value": "", "border_type": -1, "border_direction": "cw", "border_style": "round", "border_max": 0, "border_reverse_value": "", "border_reverse": false, "border_start": 180, "color": "rgba(245, 119, 130, 0)", "fill": "none", "stroke": 2 }, "378": { "position": 21, "id": 378, "pos_x": 740, "pos_y": 710, "source": -1, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "type": "rect", "width": 50, "height": 15, "rx": 1, "fill_value": "", "fill_type": -1, "fill_direction": 90, "fill_max": 0, "border_value": "", "border_type": -1, "border_direction": "cw", "border_style": "round", "border_max": 0, "border_reverse_value": "", "border_reverse": false, "border_start": 180, "color": "rgba(245, 119, 130, 0)", "fill": "none", "stroke": 2 }, "379": { "position": 1, "id": 379, "pos_x": 1844, "pos_y": 995, "source": 12, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "radius": 100, "type": "circle", "fill_value": "", "fill_type": -1, "fill_direction": 90, "fill_max": 0, "border_value": "rgb(31, 31, 31)", "border_type": "value", "border_direction": "cw", "border_style": "round", "border_max": 11000, "border_reverse_value": "rgb(242, 14, 64)", "border_reverse": false, "border_start": 270, "color": "rgb(0, 181, 221)", "fill": "rgba(0, 181, 221, 0.22)", "stroke": 8 }, "380": { "position": 0, "id": 380, "pos_x": 149, "pos_y": 129, "source": -1, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "type": "text", "text": "Solar Panel\n22 kwp\nOst/West/Süd", "align": "middle", "color": "none", "fill": "rgb(191, 191, 191)", "font_size": 20, "font_family": "\"Comic Sans MS\", cursiv" }, "381": { "position": 2, "id": 381, "pos_x": 1844, "pos_y": 174, "source": -1, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "type": "text", "text": "Haus", "align": "middle", "color": "none", "fill": "rgb(191, 191, 191)", "font_size": 20, "font_family": "\"Comic Sans MS\", cursiv" }, "382": { "position": 0, "id": 382, "pos_x": 149, "pos_y": 955, "source": -1, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "type": "text", "text": "Grid - \nBezug und\nEinspeisung", "align": "middle", "color": "none", "fill": "rgb(191, 191, 191)", "font_size": 20, "font_family": "\"Comic Sans MS\", cursiv" }, "383": { "position": 0, "id": 383, "pos_x": 1846, "pos_y": 1001, "source": -1, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "type": "text", "text": "E-Auto", "align": "middle", "color": "none", "fill": "rgb(191, 191, 191)", "font_size": 20, "font_family": "\"Comic Sans MS\", cursiv" }, "384": { "position": 21, "id": 384, "pos_x": 1121, "pos_y": 708, "source": -1, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "type": "rect", "width": 50, "height": 15, "rx": 1, "fill_value": "", "fill_type": -1, "fill_direction": 90, "fill_max": 0, "border_value": "", "border_type": -1, "border_direction": "cw", "border_style": "round", "border_max": 0, "border_reverse_value": "", "border_reverse": false, "border_start": 180, "color": "rgba(245, 119, 130, 0)", "fill": "none", "stroke": 1 }, "385": { "position": 0, "id": 385, "pos_x": 1433, "pos_y": 755, "source": -1, "threshold": 0, "frame": "_overlay", "url": "", "action": "none", "shadow": "", "type": "text", "text": "Wallbox", "align": "middle", "color": "none", "fill": "rgb(191, 191, 191)", "font_size": 20, "font_family": "\"Comic Sans MS\", cursiv", "group": null } }, "defs": { "path_373_347": { "type": "def", "id": "path_373_347", "startSlot": "bottom", "endSlot": "left", "d": "M148 278 V 597 A 15 15 0 0 0 163 612 H 727" }, "path_371_377": { "type": "def", "id": "path_371_377", "startSlot": "top", "endSlot": "left", "d": "M148 891 V 730 A 15 15 0 0 1 163 715 H 725" }, "path_349_372": { "type": "def", "id": "path_349_372", "startSlot": "right", "endSlot": "bottom", "d": "M1174 612 H 1829 A 15 15 0 0 0 1844 597 V 278" }, "path_374_379": { "type": "def", "id": "path_374_379", "startSlot": "right", "endSlot": "top", "d": "M1518 754 H 1829 A 15 15 0 0 1 1844 769 V 891" }, "path_353_376": { "type": "def", "id": "path_353_376", "startSlot": "right", "endSlot": "left_top", "d": "M1170 680 H 1221.4046106882115 A 15 15 0 0 1 1236.4046106882115 695 V 718.4787914004598 A 15 15 0 0 0 1251.4046106882115 733.4787914004598 H 1375.6184427528456", "line_arc": 25 }, "path_384_374": { "type": "def", "id": "path_384_374", "startSlot": "right", "endSlot": "left_bottom", "d": "M1171 715 H 1198.873688550569 A 15 15 0 0 1 1213.873688550569 730 V 766.3616114660535 A 15 15 0 0 0 1228.873688550569 781.3616114660535 H 1356.8245903371273", "line_arc": 15 } }, "lines": { "line_path_373_347": { "type": "line", "id": "line_path_373_347", "color": "none", "href": "#path_373_347" }, "line_path_371_377": { "type": "line", "id": "line_path_371_377", "color": "none", "href": "#path_371_377", "override": {} }, "line_path_349_372": { "type": "line", "id": "line_path_349_372", "color": "rgba(0, 0, 0, 0.008)", "href": "#path_349_372" }, "line_path_374_379": { "type": "line", "id": "line_path_374_379", "color": "none", "href": "#path_374_379" }, "line_path_353_376": { "type": "line", "id": "line_path_353_376", "color": "none", "href": "#path_353_376" }, "line_path_384_374": { "type": "line", "id": "line_path_384_374", "color": "none", "href": "#path_384_374" } }, "animations": { "anim_path_373_347": { "type": "animation", "id": "anim_path_373_347", "color": "rgb(255, 206, 74)", "href": "#path_373_347", "source": 0, "animation_properties": "positive", "animation_option": false, "threshold": null, "dots": null, "duration": null, "power": null, "animation_type": -1, "css_general": "", "css_active_positive": "", "css_inactive_positive": "", "css_active_negative": "", "css_inactive_negative": "", "active_only": true }, "anim_path_371_377": { "type": "animation", "id": "anim_path_371_377", "color": "rgb(242, 14, 64)", "href": "#path_371_377", "source": 3, "animation_properties": "positive", "animation_option": true, "threshold": null, "dots": null, "duration": null, "power": null, "animation_type": -1, "css_general": "", "css_active_positive": "", "css_inactive_positive": "", "css_active_negative": "", "css_inactive_negative": "", "active_only": true, "override": { "<0": { "stroke": "#A1D343" }, ">0": { "stroke": "rgb(242,14,64)" }, "==0": { "stroke": "rgb(0,0,0,0)" } } }, "anim_path_349_372": { "type": "animation", "id": "anim_path_349_372", "color": "rgb(242, 14, 64)", "href": "#path_349_372", "source": 2, "animation_properties": "positive", "animation_option": false, "threshold": null, "dots": null, "duration": null, "power": null, "animation_type": -1, "css_general": "", "css_active_positive": "", "css_inactive_positive": "", "css_active_negative": "", "css_inactive_negative": "" }, "anim_path_374_379": { "type": "animation", "id": "anim_path_374_379", "color": "rgb(170, 182, 214)", "href": "#path_374_379", "source": 12, "animation_properties": "positive", "animation_option": false, "threshold": null, "dots": null, "duration": null, "power": null, "animation_type": -1, "css_general": "", "css_active_positive": "", "css_inactive_positive": "", "css_active_negative": "", "css_inactive_negative": "", "active_only": false }, "anim_path_353_376": { "type": "animation", "id": "anim_path_353_376", "color": "rgb(255, 206, 74)", "href": "#path_353_376", "source": 5, "animation_properties": "positive", "animation_option": false, "threshold": null, "dots": null, "duration": null, "power": null, "animation_type": -1, "css_general": "", "css_active_positive": "", "css_inactive_positive": "", "css_active_negative": "", "css_inactive_negative": "", "active_only": true }, "anim_path_384_374": { "type": "animation", "id": "anim_path_384_374", "color": "rgb(0, 181, 221)", "href": "#path_384_374", "source": 34, "animation_properties": "positive", "animation_option": false, "threshold": null, "dots": null, "duration": null, "power": null, "animation_type": -1, "css_general": "", "css_active_positive": "", "css_inactive_positive": "", "css_active_negative": "", "css_inactive_negative": "", "active_only": true } }, "datasources": { "0": { "source": "0_userdata.0.vis.E3DC.ProdGesamt", "alias": "E3DC-Prod-Gesamt", "factor": 1 }, "2": { "source": "e3dc-rscp.0.EMS.POWER_HOME", "alias": "E3DC-Haus", "factor": 1 }, "3": { "source": "e3dc-rscp.0.EMS.POWER_GRID", "alias": "E3DC-Grid", "factor": 1 }, "4": { "source": "e3dc-rscp.0.EMS.POWER_BAT", "alias": "E3DC-Akku", "factor": 1 }, "5": { "source": "e3dc-rscp.0.WB.WB_0.EXTERN_DATA_SUN.SunPower", "alias": "E3DC-WB-Solar", "factor": 1 }, "6": { "source": "e3dc-rscp.0.EMS.BAT_SOC", "alias": "E3DC-SOC", "factor": 1 }, "9": { "source": "e3dc-rscp.0.EMS.AUTARKY", "alias": "E3DC-Autarkie", "factor": 1 }, "10": { "source": "e3dc-rscp.0.EMS.SELF_CONSUMPTION", "alias": "E3DC-EV", "factor": 1 }, "12": { "source": "e3dc-rscp.0.WB.WB_0.EXTERN_DATA_ALL.TotalPower", "alias": "E3DC-WB-Laden", "factor": 1 }, "16": { "source": "energiefluss-erweitert.1.calculation.battery.remaining", "alias": "E3DC-Akku-Restzeit", "factor": 1 }, "34": { "source": "e3dc-rscp.0.WB.WB_0.EXTERN_DATA_NET.GridPower", "alias": "E3DC-WB-Netz", "factor": 1 }, "39": { "source": "e3dc-rscp.0.BAT.BAT_0.SPECIFIED_CAPACITY", "alias": "E3DC-Akku-Cap", "factor": 1 }, "68": { "source": "e3dc-rscp.0.EP.PARAM_0.PARAM_EP_RESERVE", "alias": "E3DC-Akku-Notstrom", "factor": 1 }, "69": { "source": "energiefluss-erweitert.1.calculation.battery.remaining_energy", "alias": "E3DC-Akku-Current", "factor": 1 } } }Dateien/Bilder kommen gleich noch
-
Hi,
da ich kein besonders großer Grafik und Design Profi bin würde ich mich freuen wenn Ihr in diesem Thread eure Energiefluss-Erweitert Ansichten zeigen könntet. Da kann nicht nur ich mir anregungen holen und gezielt Fragen stellen.
Freue mich auf eure Umsetzungen.
Hallo,
hier mal meine Ansicht für eine Bewässerung, noch in Arbeit und ein bisschen Zweckentfremdet. :grinning:
Funktioniert aber einwandfrei.
-
meine kleine und mit Absicht sehr schlichte Ansicht. Das ganze ist auf einem Tablet im Hauseingangsbereich und soll lediglich den schnellen Blick auf den Stromfluss geben. Neben den dynamischen Verbrauchslinien ist die einzige "Spielerei" dass der SOC des Akkus in mehreren Schritten füllstandsmäßig angezeigt wird:
-
meine kleine und mit Absicht sehr schlichte Ansicht. Das ganze ist auf einem Tablet im Hauseingangsbereich und soll lediglich den schnellen Blick auf den Stromfluss geben. Neben den dynamischen Verbrauchslinien ist die einzige "Spielerei" dass der SOC des Akkus in mehreren Schritten füllstandsmäßig angezeigt wird:
@micklafisch
Gefällt mir :+1:
Hier gibts ja Ansichten, die dermaßen überladen und bombenvoll mit Miniinformationen, das ich nicht verstehen kann, dass das manchen gefällt. Da brauch man ja ne Lupe um was zu erkennen. Sind dann noch meistens die, die hier über 4k Screenshots maulen :sunglasses: -
Hallo,
kann mir jemand sagen, wie ihr die Hintergrundbilder im Energiefluß rein bekommen habt?
Danke -
Hallo,
kann mir jemand sagen, wie ihr die Hintergrundbilder im Energiefluß rein bekommen habt?
Danke@Denzel-0 sagte in Energiefluss-Erweitert Ansichten:
Hallo,
kann mir jemand sagen, wie ihr die Hintergrundbilder im Energiefluß rein bekommen habt?
Dankeoder mit CSS Code: svg_diplay ist für die Anzeige, svg_config für den Editor
background-image: url("http://ip-iobroker:8082/energiefluss-erweitert.0/userFiles/e3dc-simple-green.png"); dann musst das Bild im Adpater importiert haben.
#svg_display{ background-image: url("http://xxx.xxx.xxx.xxx/Pfad zum Bild"); height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; position: relative; }
Support us
455
Online32.7k
Benutzer82.5k
Themen1.3m
Beiträge