Energiefluss-Erweitert Ansichten
Visualisierung
59
Beiträge
27
Kommentatoren
13.6k
Aufrufe
29
Watching
-
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
350
Online32.7k
Benutzer82.5k
Themen1.3m
Beiträge