Hallo habe eine Internetseite von victron gui2
Auf dem Handy Dashboard.
Im Netzwerk zeigt er mir das an und von unterwegs kommt ein fehler
Kann man das irgendwie ändern das die anzeige auch von unterwegs geht ?
Hi, da du von außen über eine verschlüsselte Verbindung auf dein HA System zugreifst, kann der iframe nicht mehr geladen werden, weil die Daten von einer http Seite kommen.
Schaue dir mal diese Card hier an, damit kannst du den Power-Kreislauf aus dem Venus OS nachbauen:
Bei mir schaut das inzwischen so aus:
Hier mein Code dazu:
type: custom:venus-os-dashboard
param:
boxCol1: 2
boxCol3: 2
boxCol2: 1
theme: dark
devices:
1-1:
icon: mdi:transmission-tower
name: Netz
entity: sensor.total_power
anchors: R-1
link:
"1":
start: R-1
end: 2-1_L-1
entity: sensor.total_power
graph: true
footerEntity1: " "
footerEntity2: sensor.solar_netzeinspeisung_kwh_taglich_gerundet
1-2:
icon: mdi:battery-charging
name: Batterie
entity: sensor.victron_system_battery_soc
anchors: R-1
link:
"1":
start: R-1
end: 2-1_B-1
entity: sensor.victron_system_battery_power
gauge: true
headerEntity: sensor.victron_vebus_battery_temperature_238
footerEntity1: sensor.victron_system_battery_voltage
footerEntity3: sensor.victron_system_battery_power
graph: true
footerEntity2: sensor.batterie_vr_endladezeit
2-1:
icon: mdi:cellphone-charging
name: Multiplus II
entity: sensor.victron_system_battery_state
anchors: L-1, B-2, R-1
footerEntity1: sensor.victron_settings_ess_batterylife_minimumsoc
footerEntity3: sensor.victron_settings_ess_maxchargecurrent
3-1:
icon: mdi:home-lightning-bolt
name: AC-Haus
entity: sensor.total_power_kombiniert
anchors: L-1
link:
"1":
start: L-1
end: 2-1_R-1
entity: sensor.total_power_kombiniert
inv: true
footerEntity1: sensor.victron_system_grid_l1
footerEntity2: sensor.victron_system_grid_l2
footerEntity3: sensor.victron_system_grid_l3
3-2:
icon: mdi:weather-sunny
name: Solar
entity: sensor.total_solar_power_kombiniert
anchors: L-1
link:
"1":
start: L-1
end: 2-1_B-2
entity: sensor.total_solar_power_kombiniert
inv: true
graph: true
footerEntity1: " "
footerEntity2: sensor.erzeugzung_taglich_kombination_solaranlagen
styles:
header: auto
footer: auto
card_mod:
style: |
ha-card {
box-shadow: nonoe !important;
border: none;
background-color: transparent;
--box-background-color: rgb(31,42,60,0.1);
--box-shadow-color: #38619b;
--anchor-color: green;
--line-color: orange;
}
.dashboard {
background: none;
}
.boxSensor1 {
padding-top: 5px !important;
}
.ball {
r: 6 !important;
fill: steelblue !important;
}
.graph path {
stroke: green !important;
}
.boxFooter {
position: absolute;
display: flex;
flex-direction: column;
flex-wrap: wrap;
bottom: 2px;
width: 100%;
font-size: 0.8em;
gap: 10% !important;
z-index: 1000;
}
.headerEntity {
font-size: 0.8em;
line-height: 1.1em;
}
grid_options:
columns: full
1 „Gefällt mir“
ok ja das geht auch
Habe es mal ein wenig abgeändert nur den Pfad verstehe ich noch net ganz
type: custom:venus-os-dashboard
param:
boxCol1: 2
boxCol3: 3
boxCol2: 2
theme: dark
devices:
1-1:
icon: mdi:transmission-tower
name: Netz
entity: sensor.haus
anchors: R-1
link:
"1":
start: R-1
end: 2-1_L-1
entity: sensor.total_power
graph: true
1-2:
icon: mdi:transmission-tower
name: Ladegerät
entity: sensor.victron_dcsource_battery_current_226
anchors: R-1
link:
"1":
start: R-1
end: 2-1_L-1
entity: sensor.total_power
graph: true
2-2:
icon: mdi:battery-charging
name: Batterie
entity: sensor.victron_system_battery_soc
anchors: R-1
link:
"1":
start: R-1
end: 2-1_B-1
entity: sensor.victron_system_battery_power
gauge: true
headerEntity: sensor.victron_vebus_battery_temperature_238
footerEntity1: sensor.victron_system_battery_voltage
footerEntity3: sensor.victron_system_battery_power
graph: true
footerEntity2: sensor.batterie_vr_endladezeit
2-1:
icon: mdi:cellphone-charging
name: Multiplus II
entity: sensor.victron_system_battery_state
anchors: L-1, B-2, R-1
footerEntity1: sensor.victron_settings_ess_batterylife_minimumsoc
footerEntity3: sensor.victron_settings_ess_maxchargecurrent
3-1:
icon: mdi:home-lightning-bolt
name: Haus
entity: sensor.haus_2
anchors: L-1
3-2:
icon: mdi:home-lightning-bolt
name: Wallbox
entity: sensor.victron_evcharger_total_power_40
anchors: L-1
3-3:
icon: mdi:weather-sunny
name: Solar
entity: sensor.pv_leistung
anchors: L-1
link:
"1":
start: L-1
end: 2-1_B-2
entity: sensor.total_solar_power_kombiniert
inv: true
graph: true
card_mod:
style: |
ha-card {
box-shadow: nonoe !important;
border: none;
background-color: transparent;
--box-background-color: rgb(31,42,60,0.1);
--box-shadow-color: #38619b;
--anchor-color: green;
--line-color: orange;
}
.dashboard {
background: none;
}
.boxSensor1 {
padding-top: 5px !important;
}
.ball {
r: 6 !important;
fill: steelblue !important;
}
.graph path {
stroke: green !important;
}
.boxFooter {
position: absolute;
display: flex;
flex-direction: column;
flex-wrap: wrap;
bottom: 2px;
width: 100%;
font-size: 0.8em;
gap: 10% !important;
z-index: 1000;
}
.headerEntity {
font-size: 0.8em;
line-height: 1.1em;
}
grid_options:
columns: full
styles:
footer: auto
header: auto
Welchen Pfad meinst du?
Die gui v1 geht, das habe ich gerade mal getestet!
1 „Gefällt mir“
die Striche von Komponente zu Komponente
Den Teil hier meinst du? Damit wir bestimmt von wo nach wo die Animation erfolgt, also wie der Punkt auf der Linie wandert. Zu 100% bin auch noch nicht dahinter gestiegen.
ja das meine ich. Werde mich am WE mal drum kümmern.
Aber danke für den tip
Nachtrag:
soweit habe ich es jetzt allerdings bekomme ich es nicht hin den energieverlauf von Multiplus zu Haus zum laufen zu bringen. Es kommt ein Punkt der nach rechts läuft und dann ist nix mehr.
Außerdem hätte ich gerne bei Multiplus die Wr Leistung übereinander macht er auch net alles nur nebeneinander.
Habe mal den Code reingemacht vielleicht findet jemand das Problem.
Sonst geht alles.
type: custom:venus-os-dashboard
param:
boxCol1: 3
boxCol3: 2
boxCol2: 2
theme: dark
devices:
1-1:
icon: mdi:transmission-tower
name: Netz
entity: sensor.haus
anchors: R-1
link:
"1":
start: R-1
end: 2-1_L-1
entity: sensor.haus
graph: true
1-3:
icon: mdi:transmission-tower
name: Ladegerät
entity: sensor.ladegerat_leistung
anchors: R-1
link:
"1":
start: R-1
end: 2-2_L-1
entity: sensor.ladegerat_leistung
graph: true
2-2:
icon: mdi:battery-charging
name: Batterie
entity: sensor.victron_system_battery_soc
anchors: T-1, L-1
link:
"1":
start: T-1
end: 2-1_B-1
entity: sensor.victron_battery_current
graph: true
gauge: true
headerEntity: sensor.victron_battery_temperature
footerEntity1: sensor.victron_battery_voltage
footerEntity2: sensor.victron_battery_current
footerEntity3: sensor.victron_system_battery_power
2-1:
icon: mdi:cellphone-charging
name: Multiplus
entity: sensor.victron_system_battery_state
anchors: L-1, B-1, R-1
footerEntity1: sensor.victron_vebus_out_l1_power_227
footerEntity2: sensor.victron_vebus_out_l2_power_227
footerEntity3: sensor.victron_vebus_out_l3_power_227
3-1:
icon: mdi:home-lightning-bolt
name: Haus
entity: sensor.haus_2
anchors: L-1, B-1
link:
"1":
start: R-1
end: 2-1_L-1
entity: sensor.haus_2
graph: true
gauge: true
3-2:
icon: mdi:home-lightning-bolt
name: Wallbox
entity: sensor.victron_evcharger_total_power_40
anchors: T-1
link:
"1":
start: T-1
end: 2-1_R-1
graph: true
entity: sensor.victron_evcharger_total_power_40
inv: true
1-2:
icon: mdi:weather-sunny
name: Solar
entity: sensor.pv_leistung
anchors: R-1
link:
"1":
start: R-1
end: 2-1_L-1
entity: sensor.pv_leistung
"2":
start: R-1
end: 2-2_L-1
entity: sensor.pv_leistung
card_mod:
style: |
ha-card {
box-shadow: nonoe !important;
border: none;
background-color: transparent;
--box-background-color: rgb(31,42,60,0.1);
--box-shadow-color: #38619b;
--anchor-color: green;
--line-color: orange;
}
.dashboard {
background: none;
}
.boxSensor1 {
padding-top: 5px !important;
}
.ball {
r: 6 !important;
fill: steelblue !important;
}
.graph path {
stroke: green !important;
}
.boxFooter {
position: absolute;
display: flex;
flex-direction: column;
flex-wrap: wrap;
bottom: 2px;
width: 100%;
font-size: 0.8em;
gap: 10% !important;
z-index: 1000;
}
.headerEntity {
font-size: 0.8em;
line-height: 1.1em;
}
grid_options:
columns: full
rows: 1
styles:
footer: auto
header: auto
Hi, hast du meinen Card-Mod Teil übernommen, dann werden die Werte auch untereinander angezeigt?
Das ist der entscheidende Teil:
.boxFooter {
position: absolute;
display: flex;
flex-direction: column;
flex-wrap: wrap;
bottom: 2px;
width: 100%;
font-size: 0.8em;
gap: 10% !important;
z-index: 1000;
}
Wegen der Linien, klickt mal in der Ui auf Col.2 und dann findest du unten den Punkt anchor_title. Dort sind diese Zahlen (von den Linien) hinterlegt. Damit kannst du dann mal herumspielen.
so habe ich es im moment
square: true
type: grid
cards:
- type: custom:venus-os-dashboard
param:
boxCol1: 3
boxCol3: 2
boxCol2: 2
theme: dark
devices:
1-1:
icon: mdi:transmission-tower
name: Netz
entity: sensor.haus
anchors: R-1
graph: true
link:
"1":
start: R-1
end: 2-1_L-1
entity: sensor.haus
1-3:
icon: mdi:transmission-tower
name: Ladegerät
entity: sensor.ladegerat_leistung
anchors: R-1
graph: true
link:
"1":
start: R-1
end: 2-2_L-1
entity: sensor.ladegerat_leistung
2-2:
icon: mdi:battery-charging
name: Batterie
entity: sensor.victron_system_battery_soc
anchors: T-1, L-1
graph: true
link:
"1":
start: T-1
end: 2-1_B-1
entity: sensor.victron_battery_current
headerEntity: sensor.victron_battery_temperature
footerEntity1: sensor.victron_battery_voltage
footerEntity2: sensor.victron_battery_current
footerEntity3: sensor.victron_system_battery_power
2-1:
icon: mdi:cellphone-charging
name: Multiplus
entity: sensor.victron_system_battery_state
anchors: L-1, B-1, R-1
footerEntity1: sensor.victron_system_consumption_l1
footerEntity2: sensor.victron_system_consumption_l2
footerEntity3: sensor.victron_system_consumption_l3
3-1:
icon: mdi:home-lightning-bolt
name: Haus
entity: sensor.haus_2
anchors: L-1, B-1
graph: true
link:
"1":
start: R-1
end: 2-1_L-1
entity: sensor.haus_2
3-2:
icon: mdi:home-lightning-bolt
name: Wallbox
entity: sensor.victron_evcharger_total_power_40
anchors: T-1
graph: true
link:
"1":
start: T-1
end: 2-1_R-1
entity: sensor.victron_evcharger_total_power_40
inv: true
1-2:
icon: mdi:weather-sunny
name: Solar
entity: sensor.pv_leistung
anchors: R-1
graph: true
link:
"1":
start: R-1
end: 2-1_L-1
"2":
start: R-1
end: 2-2_L-1
card_mod:
style: |
ha-card {
box-shadow: nonoe !important;
border: none;
background-color: transparent;
--box-background-color: rgb(31,42,60,0.1);
--box-shadow-color: #38619b;
--anchor-color: green;
--line-color: orange;
}
.dashboard {
background: none;
}
.boxSensor1 {
padding-top: 5px !important;
}
.ball {
r: 6 !important;
fill: steelblue !important;
}
.graph path {
stroke: green !important;
}
.boxFooter {
position: absolute;
display: flex;
flex-direction: column;
flex-wrap: wrap;
bottom: 2px;
width: 100%;
font-size: 0.8em;
gap: 10% !important;
z-index: 1000;
}
.headerEntity {
font-size: 0.8em;
line-height: 1.1em;
}
grid_options:
columns: full
rows: 1
styles:
header: auto
footer: auto
sensor: 1
grid_options:
rows: 5
columns: 12
columns: 1
Da kann man was klicken noch unaufälliger gehts net
das ist echt ein bisschen blöd und versteckt… 
Dir fehlt der komplette Card-Mod Teil in der Card. Den musst du einfach unten in der deiner Card hinzukopieren.
card_mod:
style: |
ha-card {
box-shadow: nonoe !important;
border: none;
background-color: transparent;
--box-background-color: rgb(31,42,60,0.1);
--box-shadow-color: #38619b;
--anchor-color: green;
--line-color: orange;
}
.dashboard {
background: none;
}
.boxSensor1 {
padding-top: 5px !important;
}
.ball {
r: 6 !important;
fill: steelblue !important;
}
.graph path {
stroke: green !important;
}
.boxFooter {
position: absolute;
display: flex;
flex-direction: column;
flex-wrap: wrap;
bottom: 2px;
width: 100%;
font-size: 0.8em;
gap: 10% !important;
z-index: 1000;
}
.headerEntity {
font-size: 0.8em;
line-height: 1.1em;
}
Hatte card mod garnicht drauf da hat er das ignoriert