FHEMWiki - Letzte Änderungen [de]

DOIF/uiTable Anwendung

Damian-s — Sun, 27 Sep 2026 19:26:06 GMT

Visualisierung: Energiefluss als Energie-Karte

← Nächstältere Version		Version vom 27. September 2026, 21:26 Uhr
Zeile 754:		Zeile 754:
	my ($power,$feed,$consum)=@_;;\		my ($power,$feed,$consum)=@_;;\
	\		\
	move(2,2,hcard({header=>"Netz",icon=>"scene_power_grid\@silver",rInnerRing=>"innerring",rMode=>"negzeropos",steps=>"steps",\		move(2,2,hcard {header=>"Netz",icon=>"scene_power_grid\@silver",rInnerRing=>"innerring",rMode=>"negzeropos",steps=>"steps",\
	left=>{collect=>$power,min=>-$_grid_power_max,max=>$_grid_power_max,decimal=>3,\		left=>{collect=>$power,min=>-$_grid_power_max,max=>$_grid_power_max,decimal=>3,\
	colorRef=>[(-0.33$_grid_power_max,20,-0.01,40,0.33$_grid_power_max,65,$_grid_power_max,85)],styleDesc=>"",desc=>" kW"},\		colorRef=>[(-0.33$_grid_power_max,20,-0.01,40,0.33$_grid_power_max,65,$_grid_power_max,85)],styleDesc=>"",desc=>" kW"},\
	top=>[{value=>$feed,min=>0,max=>$_grid_energy_feed_max,minColor=>60,maxColor=>90,desc=>"Einsp.", unit=>" kwh"},\		top=>[{value=>$feed,min=>0,max=>$_grid_energy_feed_max,minColor=>60,maxColor=>90,desc=>"Einsp.", unit=>" kwh"},\
	{value=>$consum,min=>0,max=>$_grid_energy_consum_max,minColor=>40,maxColor=>10,desc=>"Bezug.", unit=>" kwh"}]\		{value=>$consum,min=>0,max=>$_grid_energy_consum_max,minColor=>40,maxColor=>10,desc=>"Bezug.", unit=>" kwh"}]\
	}));;\		});;\
	\		\
	}\		}\
Zeile 770:		Zeile 770:
	my ($power,$energy,$self_energy)=@_;; \		my ($power,$energy,$self_energy)=@_;; \
	\		\
	move(237,2,hcard({header=>"PV",icon=>"solar_icon\@silver",rInnerRing=>"innerring",steps=>"steps",\		move(237,2,hcard {header=>"PV",icon=>"solar_icon\@silver",rInnerRing=>"innerring",steps=>"steps",\
	left=>{collect=>$power,min=>0,max=>$_solar_power_max,decimal=>3,minColor=>60,maxColor=>90,styleDesc=>"",desc=>" kW"},\		left=>{collect=>$power,min=>0,max=>$_solar_power_max,decimal=>3,minColor=>60,maxColor=>90,styleDesc=>"",desc=>" kW"},\
	top=>[{value=>$self_energy,min=>0,max=>$_solar_energy_max,minColor=>60,maxColor=>90,desc=>"Eigen.", unit=>" kwh"},\		top=>[{value=>$self_energy,min=>0,max=>$_solar_energy_max,minColor=>60,maxColor=>90,desc=>"Eigen.", unit=>" kwh"},\
	{value=>$energy,min=>0,max=>$_solar_energy_max,minColor=>60,maxColor=>90,desc=>"Erzeug.", unit=>" kwh"}]\		{value=>$energy,min=>0,max=>$_solar_energy_max,minColor=>60,maxColor=>90,desc=>"Erzeug.", unit=>" kwh"}]\
	}));;\		});;\
	\		\
	}\		}\
Zeile 781:		Zeile 781:
	my ($power,$consum)=@_;; \		my ($power,$consum)=@_;; \
	\		\
	move(2,222,hcard({header=>"Haus",icon=>"fa_home\@silver",rInnerRing=>"innerring",steps=>"steps",\		move(2,222,hcard {header=>"Haus",icon=>"fa_home\@silver",rInnerRing=>"innerring",steps=>"steps",\
	left=>{collect=>$power,min=>0,max=>,$_home_power_max,decimal=>3,minColor=>40,maxColor=>10,styleDesc=>"",desc=>" kW"},\		left=>{collect=>$power,min=>0,max=>,$_home_power_max,decimal=>3,minColor=>40,maxColor=>10,styleDesc=>"",desc=>" kW"},\
	top=>[{value=>$consum,min=>0,max=>,$_home_energy_max,minColor=>40,maxColor=>10,desc=>"Verbr.",unit=>" kwh"}]\		top=>[{value=>$consum,min=>0,max=>,$_home_energy_max,minColor=>40,maxColor=>10,desc=>"Verbr.",unit=>" kwh"}]\
	}));;\		});;\
	}\		}\
	\		\
Zeile 790:		Zeile 790:
	my ($power,$cap)=@_;;\		my ($power,$cap)=@_;;\
	\		\
	move(237,222,hcard({header=>"Speicher",icon=>"battery_100\@silver",rInnerRing=>"innerring",steps=>"steps",rMode=>"negzeropos",\		move(237,222,hcard {header=>"Speicher",icon=>"battery_100\@silver",rInnerRing=>"innerring",steps=>"steps",rMode=>"negzeropos",\
	left=>{collect=>$power,min=>-$_battery_power_max,max=>$_battery_power_max,decimal=>3,colorRef=>[(-0.0001,200,$_battery_power_max,160)],\		left=>{collect=>$power,min=>-$_battery_power_max,max=>$_battery_power_max,decimal=>3,colorRef=>[(-0.0001,200,$_battery_power_max,160)],\
	styleDesc=>"",desc=>" kW"},\		styleDesc=>"",desc=>" kW"},\
	right=>{collect=>$cap,min=>0,max=>100,minColor=>0,maxColor=>90,decimal=>0,desc=>"Kapaz.",unit=>" %"}\		right=>{collect=>$cap,min=>0,max=>100,minColor=>0,maxColor=>90,decimal=>0,desc=>"Kapaz.",unit=>" %"}\
	}));;\		});;\
	\		\
	}\		}\

DOIF/uiTable Schnelleinstieg

Damian-s — Sun, 27 Sep 2026 19:24:28 GMT

uiTable eines anderen DOIFs einbinden

DOIF/uiTable Anwendung

Damian-s — Sun, 27 Sep 2026 18:18:21 GMT

Visualisierung: aktueller Spritpreis

DOIF/uiTable Schnelleinstieg

Damian-s — Sun, 27 Sep 2026 18:14:36 GMT

Energieverbrauch verschiedener Zeiträume

Änderungen zeigen

DOIF/uiTable Anwendung

Damian-s — Sun, 27 Sep 2026 13:46:04 GMT

Visualisierung: Wetterstation

← Nächstältere Version		Version vom 27. September 2026, 15:46 Uhr
(5 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 193:		Zeile 193:
	{{Randnotiz\|RNText='''nützliche Links'''		{{Randnotiz\|RNText='''nützliche Links'''
	* Wunderground [https://wunderground.com/ Homepage]		* Wunderground [https://wunderground.com/ Homepage]
	* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#~~Anzeige_eines_Werteverlaufs_und_des_aktuellen_Wertes_mit_Hilfe_der_SVG~~-~~Funktion_card~~\|~~card~~]]		* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#Darstellung_des_zeitlichen_Werteverlaufs_mit_der_SVG-Funktion_hcard\|hcard]]
	* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#icon ring-Funktionen\|icon_ring]]		* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#icon ring-Funktionen\|icon_ring]]
	}}		}}
	Die vorgestellte Lösung funktioniert ohne Anmeldung beim Wetterdienst und ohne Nutzung von API.		Die vorgestellte Lösung funktioniert ohne Anmeldung beim Wetterdienst und ohne Nutzung von API.
	Über den Wetterdienst: https://www.wunderground.com/ werden sehr viele private Wifi-Wetterstationen eingebunden. Das kann man sich zunutze machen, indem man zunächst in seiner Umgebung nach Wetterstationen des Dienstes sucht - oft findet man im Umkreis von wenigen Kilometern schon einige Stationen, die rege Wetterdaten liefern. Danach definiert man über HTTPMOD seine Station und visualisiert diese anschließend.		Über den Wetterdienst: https://www.wunderground.com/ werden sehr viele private Wifi-Wetterstationen eingebunden. Das kann man sich zunutze machen, indem man zunächst in seiner Umgebung nach Wetterstationen des Dienstes sucht - oft findet man im Umkreis von wenigen Kilometern schon einige Stationen, die rege Wetterdaten liefern. Danach definiert man über HTTPMOD seine Station und visualisiert diese anschließend.

	~~''Ergebnis des unteren Anwendungsbeispiels in der Webansicht:''~~
	~~[[Datei:UiTable ringwetter.png\|600px\|ohne]]~~

	Definition einer Station in der Nachbarschaft. <StationsID> muss gegen die korrekte Stationsnummer ersetzt werden.		Definition einer Station in der Nachbarschaft. <StationsID> muss gegen die korrekte Stationsnummer ersetzt werden.
Zeile 244:		Zeile 241:

	Nun erfolgt die Visualisierung der Daten.		Nun erfolgt die Visualisierung der Daten.

			''Ergebnis des unteren Anwendungsbeispiels in der Webansicht:''
			[[Datei:UiTable ringwetter.png\|600px\|ohne]]

	<syntaxhighlight lang="perl">		<syntaxhighlight lang="perl">
Zeile 260:		Zeile 260:
	<br clear="all">		<br clear="all">

	Hier ein Beispiel der Visualisierung mit Verlauf der letzten ~~drei Tage~~ mit Hilfe der svg-Funktion '''hcard''':		Hier ein Beispiel der Visualisierung mit Verlauf der letzten 24 Stunden mit Hilfe der svg-Funktion '''hcard''':

	''Ergebnis des unteren Anwendungsbeispiels in der Webansicht:''		''Ergebnis des unteren Anwendungsbeispiels in der Webansicht:''
Zeile 292:		Zeile 292:
	{{Randnotiz\|RNText='''nützliche Links'''		{{Randnotiz\|RNText='''nützliche Links'''
	* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#ring-Funktionen\|ring]]		* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#ring-Funktionen\|ring]]
	* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#~~Anzeige_eines_Werteverlaufs_und_des_aktuellen_Wertes_mit_Hilfe_der_SVG~~-~~Funktion_card~~\|~~card~~]]		* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#Darstellung_des_zeitlichen_Werteverlaufs_mit_der_SVG-Funktion_hcard\|hcard]]
	* Tankstelle bestimmen [https://www.clever-tanken.de/ Clever tanken]		* Tankstelle bestimmen [https://www.clever-tanken.de/ Clever tanken]
	* Modul [[HTTPMOD]]		* Modul [[HTTPMOD]]
Zeile 317:		Zeile 317:
	</syntaxhighlight>		</syntaxhighlight>

	Visualisierung der Preisentwicklung der letzten ~~24 Stunden~~:		Visualisierung der Preisentwicklung der letzten 3 Tage:

	''Ergebnis des unteren Anwendungsbeispiels in der Webansicht:''		''Ergebnis des unteren Anwendungsbeispiels in der Webansicht:''
Zeile 325:		Zeile 325:
	defmod sprit DOIF ##		defmod sprit DOIF ##
	attr sprit uiTable {package ui_Table;;}\		attr sprit uiTable {package ui_Table;;}\
	~~card~~([[Tankstelle:SuperE5:col3d],[Tankstelle:Diesel:col3d]],~~undef,"fuel\@silver",~~1.40,1.9,120,0,["E10","Diesel"],~~undef~~,"~~2,,fill:silver,~~ €"~~,"130,autoscaling,steps,footer,ycolor,ring,200",undef,undef)~~		hcard({icon=>"fuel\@silver",steps=>1,
	~~</syntaxhighlight>~~		left=>{collect=>[[Tankstelle:SuperE5:col3d],[Tankstelle:Diesel:col3d]],min=>1.80,max=>2.50,minColor=>120,maxColor=>0,desc=>["E10","Diesel"],decimal=>2,unit=>" €"}})

	~~=== ''Visualisierung: '''aktuelle Corona-7-Tage-Inzidenz''''' ===~~
	~~{{Randnotiz\|RNText='''nützliche Links'''~~
	* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#ring-Funktionen\|ring]]
	* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#Anzeige_eines_Werteverlaufs_und_des_aktuellen_Wertes_mit_Hilfe_der_SVG-Funktion_card\|card]]
	* Modul [[JsonMod]]
	}}
	~~Die aktuellen Inzidenzwerte werden vom RKI ausgelesen und deren Verlauf visualisiert.~~

	~~''Ergebnis des unteren Anwendungsbeispiels in der Webansicht:''~~
	~~[[Datei:uiTable_Inzidenz.png\|600px\|ohne]]~~

	~~Zunächst wird ein JsonMod-Device für das Auslesen der Inzidenzzahlen definiert. Die gewünschten Regionen müssen für eigene Bedürfnisse angepasst werden.~~

	~~<syntaxhighlight lang="perl">~~
	defmod RKI7 JsonMod https://services7.arcgis.com/mOBPykOjAyBO2ZKk/arcgis/rest/services/RKI_Landkreisdaten/FeatureServer/0/query?where=1%3D1&outFields=last_update,cases7_per_100k,BEZ,BEM,GEN,BL,county&returnGeometry=false&outSR=4326&f=json
	attr RKI7 readingList multi(jsonPath("\$.features[?(\@.attributes.GEN in ['Städteregion Aachen', 'Düren', 'Heinsberg'])]"), property('attributes.GEN'), sprintf('%.1f', property('attributes.cases7_per_100k')));;
	</syntaxhighlight>		</syntaxhighlight>

	~~Visualisierung der Inzidenzzahlen der letzten sieben Tage:~~

	~~<syntaxhighlight lang="perl">~~
	~~defmod di_corona DOIF ##~~
	~~attr di_corona uiTable {package ui_Table}\~~
	~~card([RKI7:Duren:col1w],"Düren","coronavirus",0,200,120,0,"Fälle")\|\~~
	~~card([RKI7:Heinsberg:col1w],"Heinsberg","coronavirus",0,200,120,0,"Fälle")\|\~~
	~~card([RKI7:Stadteregion_Aachen:col1w],"Aachen","coronavirus",0,200,120,0,"Fälle")~~
	~~</syntaxhighlight>~~

	~~<br clear="all">~~

	=== '' Visualisierung und Steuerung: '''Heiztherme''''' ===		=== '' Visualisierung und Steuerung: '''Heiztherme''''' ===

Datei:UiTable di wetter.png

Damian-s — Sun, 27 Sep 2026 10:58:32 GMT

Damian-s lud Datei:UiTable di wetter.png hoch

Neue Seite

DOIF/uiTable Anwendung

Damian-s — Sun, 27 Sep 2026 10:58:22 GMT

Visualisierung: Wetterstation

← Nächstältere Version		Version vom 27. September 2026, 12:58 Uhr
(Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt)
Zeile 260:		Zeile 260:
	<br clear="all">		<br clear="all">

	Hier ein Beispiel der Visualisierung mit Verlauf der letzten drei Tage mit Hilfe der svg-Funktion '''~~card~~''':		Hier ein Beispiel der Visualisierung mit Verlauf der letzten drei Tage mit Hilfe der svg-Funktion '''hcard''':

	''Ergebnis des unteren Anwendungsbeispiels in der Webansicht:''		''Ergebnis des unteren Anwendungsbeispiels in der Webansicht:''
	[[Datei:UiTable ~~svgwetter~~.png\|~~800px\|ohne]]~~		[[Datei:UiTable di_wetter.png\|500px\|ohne]]

	~~Ohne Angabe der Überschrift (undef für $header setzen) lässt sich eine kompaktere Darstellung erzielen:~~

	~~[[Datei:UiTable svgwetteroh.png\|800px~~\|ohne]]

	<syntaxhighlight lang="perl">		<syntaxhighlight lang="perl">
Zeile 273:		Zeile 269:
	attr di_Wetter icon weather_wind		attr di_Wetter icon weather_wind
	attr di_Wetter uiTable {package ui_Table;;}\		attr di_Wetter uiTable {package ui_Table;;}\
	~~## card ($collect,$header,$icon,$min,$max,$minColor,$maxColor,$unit,$func,$decfont,$size,$model,$lightness)\~~
	\		\
	~~card~~(~~[Wetter:TemperaturC:col3d],~~"Außentemperatur","~~temp_outside~~",~~-10,60,undef,undef,~~"°C",~~\&temp_hue~~)\|\		hcard({header=>"Außentemperatur",model=>"tempOut",ring=>"halfring",left=>{collect=>[Wetter:TemperaturC:col1d]}})\|\
	~~card~~(~~[Wetter:TemperaturGefuehltC:col3d],~~"gefühlte Temperatur","~~temp_windchill~~",~~-10,60,undef,undef~~,"°C",~~\&temp_hue)\|~~\		hcard({header=>"gefühlte Temperatur",model=>"tempOut",ring=>"halfring",icon=>"temp_windchill\@silver",\
	~~card(~~[Wetter:~~TaupunktTempC~~:~~col3d~~],"Taupunkttemperatur","~~temperature_humidity~~",~~-10,60,undef,undef~~,"°C",~~\&temp_hue)\|~~\		left=>{collect=>[Wetter:TemperaturGefuehltC:col1d]}})\
	~~card(~~[Wetter:~~Feuchtigkeit~~:~~col3d~~],"Außenfeuchtigkeit","~~temperature_humidity~~",~~0,100,undef,undef~~,"%",~~\&hum_hue)\|~~\		hcard({header=>"Taupunkttemperatur",model=>"tempOut",ring=>"halfring",icon=>"temperature_humidity\@silver",\
	~~card(~~[Wetter:~~WindKm~~:~~col3d~~],"~~Wind~~",[Wetter:WindKm] > 0 ? "wind".",1,0,0,".[Wetter:~~WindrichtungGrad~~]:"no_wind",~~0,30,90,30,"km/h",undef,1)~~\		left=>{collect=>[Wetter:TaupunktTempC:col1d]}})\|\
	~~card(~~[Wetter:~~WindboeenKm~~:~~col3d~~],"Windböen","~~weather_wind~~",~~0,30,90,30,~~"~~km/h~~",~~undef,1)\|\~~		hcard({header=>"Außenfeuchtigkeit",model=>"humOut",ring=>"halfring",icon=>"temperature_humidity\@silver",\
	~~card(~~[Wetter:~~RegenMm~~:~~col3d~~],"Regen","~~weather_rain_gauge~~",~~0,10,180,270,~~"~~mm/h~~")\|\		left=>{collect=>[Wetter:Feuchtigkeit:col1d]}})\
	~~card~~(~~[Wetter:RegenGesamtMm:col3d],~~"Regengesamt","~~weather_rain_gauge~~",~~0,50,180,270,~~"mm"~~)\|\~~		hcard({header=>"Wind",model=>"wind",ring=>"halfring",\
	~~##card(~~[Wetter:UV:~~col3d~~],"~~UV-Strahlung~~","~~sani_solar~~",~~0,7,100,30,~~"UV",~~undef,0)\|\~~		icon=>[Wetter:WindKm] > 0 ? "wind\@silver".",1,0,0,".([Wetter:Windrichtung]):"no_wind\@silver",\
	~~card(~~[Wetter:Sonnenstrahlung:~~col3d~~],"~~Sonnenstrahlung~~","~~sani_solar~~",~~0,1000,30,90,~~"~~Watt/m²~~",~~undef,0)\|\~~		left=>{collect=>[Wetter:WindKm:col1d]}})\|\
	~~card(~~[Wetter:LuftdruckHpa:~~col3d~~]~~,"Luftdruck","weather_barometric_pressure",980,1047,30,90,"hPa",undef,0~~)		hcard({header=>"Windböen",model=>"wind",ring=>"halfring",left=>{collect=>[Wetter:WindboeenKm:col1d]}})\
			hcard({header=>"Regen",model=>"rain",ring=>"halfring",left=>{collect=>[Wetter:RegenMm:col1d]}})\|\
			hcard({header=>"Regengesamt",model=>"rainSum",ring=>"halfring",left=>{collect=>[Wetter:RegenGesamtMm:col1d]}})\
			hcard({header=>"Sonnenstrahlung",model=>"solar",ring=>"halfring",left=>{collect=>[Wetter:Sonnenstrahlung:col1d]}})\|\
			hcard({header=>"Luftdruck",model=>"barometer",ring=>"halfring",left=>{collect=>[Wetter:LuftdruckHpa:col1d]}})
	</syntaxhighlight>		</syntaxhighlight>

DOIF/uiTable Schnelleinstieg

Damian-s — Sun, 27 Sep 2026 10:54:32 GMT

Darstellung eines Readingwertes pro Karte

← Nächstältere Version		Version vom 27. September 2026, 12:54 Uhr
Zeile 1.082:		Zeile 1.082:
	left=>{collect=>[Wetter:Feuchtigkeit:col1d]}})\		left=>{collect=>[Wetter:Feuchtigkeit:col1d]}})\
	hcard({header=>"Wind",model=>"wind",ring=>"halfring",\		hcard({header=>"Wind",model=>"wind",ring=>"halfring",\
	icon=>[Wetter:WindKm] > 0 ? "wind\@silver".",1,0,0,".[Wetter:~~WindrichtungGrad~~]:"no_wind\@silver",\		icon=>[Wetter:WindKm] > 0 ? "wind\@silver".",1,0,0,".[Wetter:Windrichtung]:"no_wind\@silver",\
	left=>{collect=>[Wetter:WindKm:col1d]}})\|\		left=>{collect=>[Wetter:WindKm:col1d]}})\|\
	hcard({header=>"Windböen",model=>"wind",ring=>"halfring",left=>{collect=>[Wetter:WindboeenKm:col1d]}})\		hcard({header=>"Windböen",model=>"wind",ring=>"halfring",left=>{collect=>[Wetter:WindboeenKm:col1d]}})\

DOIF/uiTable Anwendung

Damian-s — Sun, 27 Sep 2026 10:40:47 GMT

Visualisierung: Energiefluss als Energie-Karte

Änderungen zeigen

DOIF/uiTable Schnelleinstieg

Damian-s — Sat, 26 Sep 2026 21:29:42 GMT

uiTable eines anderen DOIFs einbinden

Änderungen zeigen

Datei:Hcard Beispiele.png

Damian-s — Sat, 26 Sep 2026 18:39:53 GMT

Damian-s lud eine neue Version von Datei:Hcard Beispiele.png hoch

Neue Seite

DOIF/uiTable Schnelleinstieg

Damian-s — Sat, 26 Sep 2026 09:15:22 GMT

Darstellung des zeitlichen Werteverlaufs mit der SVG-Funktion hcard

← Nächstältere Version		Version vom 27. September 2026, 21:24 Uhr
Zeile 145:		Zeile 145:
	== uiTable eines anderen DOIFs einbinden ==		== uiTable eines anderen DOIFs einbinden ==
	{{Randnotiz\|RNText='''nützliche Links'''		{{Randnotiz\|RNText='''nützliche Links'''
	* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#~~Anzeige_eines_Werteverlaufs_und_des_aktuellen_Wertes_mit_Hilfe_der_SVG~~-~~Funktion_card~~\|~~card~~]]		* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#Darstellung_des_zeitlichen_Werteverlaufs_mit_der_SVG-Funktion_hcard\|hcard]]
	* Energiefluss mit [[DOIF/uiTable_Anwendung#Visualisierung:_Energiefluss_als_Energie-Karte\|energy_card]]		* Energiefluss mit [[DOIF/uiTable_Anwendung#Visualisierung:_Energiefluss_als_Energie-Karte\|energy_card]]
	* wird eine Zeile mit < abgeschlossen, so wird die aktuelle Tabelle abgeschlossen, die nächste Zeile beginnt in einer neuen Tabelle		* wird eine Zeile mit < abgeschlossen, so wird die aktuelle Tabelle abgeschlossen, die nächste Zeile beginnt in einer neuen Tabelle
Zeile 166:		Zeile 166:
	}\		}\

	hcard({header=>"",model=>"tempHumOut",icon=>"temp_outside\@silver",\		hcard {header=>"",model=>"tempHumOut",icon=>"temp_outside\@silver",\
	left=>{collect=>[MQTT2_zigbee_0x048727fffee80c78:temperature:col1d],desc=>"Temp."},\		left=>{collect=>[MQTT2_zigbee_0x048727fffee80c78:temperature:col1d],desc=>"Temp."},\
	right=>{collect=>[MQTT2_zigbee_0x048727fffee80c78:humidity:col1d],desc=>"Feuchte"},\		right=>{collect=>[MQTT2_zigbee_0x048727fffee80c78:humidity:col1d],desc=>"Feuchte"},\
Zeile 173:		Zeile 173:
	{value=>[Wetter:LuftdruckHpa],min=>980,max=>1047,minColor=>30,maxColor=>90,desc=>"Luftdr.",decimal=>0,unit=> " hPa"},\		{value=>[Wetter:LuftdruckHpa],min=>980,max=>1047,minColor=>30,maxColor=>90,desc=>"Luftdr.",decimal=>0,unit=> " hPa"},\
	{value=>[Wetter:RegenGesamtMm],\		{value=>[Wetter:RegenGesamtMm],\
	min=>0,max=>50,minColor=>180,maxColor=>270,desc=>"Regen",unit=> " mm"}]})\|\		min=>0,max=>50,minColor=>180,maxColor=>270,desc=>"Regen",unit=> " mm"}]}\|\
	\		\
	hcard({header=>"Tibber",ring=>"halfring",\		hcard {header=>"Tibber",ring=>"halfring",\
	left=>{collect=>[di_tibber:tibber],min=>0,max=>40,minColor=>90,maxColor=>0,unit=>"Cent",desc=>"aktuell"}})<\		left=>{collect=>[di_tibber:tibber],min=>0,max=>40,minColor=>90,maxColor=>0,unit=>"Cent",desc=>"aktuell"}}<\
	##\		##\
	## hier wird die Energiekarte aus dem Device di_energy_card eingeblendet\		## hier wird die Energiekarte aus dem Device di_energy_card eingeblendet\
Zeile 184:		Zeile 184:
	## ab hier wird die ursprüngliche Tabelle fortgesetzt\		## ab hier wird die ursprüngliche Tabelle fortgesetzt\
	##\		##\
	hcard({icon=>"Zisterne\@silver",yScaling=>"fixedscaling",\		hcard {icon=>"Zisterne\@silver",yScaling=>"fixedscaling",\
	left=>{collect=>[Wasserzisterne:state:col2w],\		left=>{collect=>[Wasserzisterne:state:col2w],\
	min=>0,max=>100,minColor=>240,maxColor=>180,desc=>"Zisterne",decimal=>0,unit=>" %"}})\|\		min=>0,max=>100,minColor=>240,maxColor=>180,desc=>"Zisterne",decimal=>0,unit=>" %"}}\|\
	\		\
	hcard({icon=>"fuel\@silver",steps=>1,\		hcard {icon=>"fuel\@silver",steps=>1,\
	left=>{collect=>[[Tankstelle:SuperE5:col3d],[Tankstelle:Diesel:col3d]],min=>1.80,max=>2.50,minColor=>120,maxColor=>0,desc=>["E10","Diesel"],decimal=>2,unit=>" €"}})\		left=>{collect=>[[Tankstelle:SuperE5:col3d],[Tankstelle:Diesel:col3d]],min=>1.80,max=>2.50,minColor=>120,maxColor=>0,desc=>["E10","Diesel"],decimal=>2,unit=>" €"}}\
	\		\
	hcard({header=>"Strom",ring=>"halfring",\		hcard {header=>"Strom",ring=>"halfring",\
	left=>{collect=>[[di_counter_new:MQTT2_DVES_C58DCB.total_pv.last_day:bar2month-300],[di_counter_new:MQTT2_DVES_C58DCB.total_c.last_day:bar2month-300]],min=>-25,max=>25,minColor=>0,maxColor=>90,desc=>["PV","Bezug"],colorRef=>[(-10,0,-0.01,30,10,60,25,90)]}})\|\		left=>{collect=>[[di_counter_new:MQTT2_DVES_C58DCB.total_pv.last_day:bar2month-300],[di_counter_new:MQTT2_DVES_C58DCB.total_c.last_day:bar2month-300]],min=>-25,max=>25,minColor=>0,maxColor=>90,desc=>["PV","Bezug"],colorRef=>[(-10,0,-0.01,30,10,60,25,90)]}}\|\
	\		\
	hcard ({header=>"Gas",\		hcard {header=>"Gas",\
	left=>{collect=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.last_day:bar2month-300],\		left=>{collect=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.last_day:bar2month-300],\
	min=>0,max=>10,minColor=>90,maxColor=>0,unit=>"m³",decimal=>2,desc=>"Verbr."},\		min=>0,max=>10,minColor=>90,maxColor=>0,unit=>"m³",decimal=>2,desc=>"Verbr."},\
Zeile 202:		Zeile 202:
	min=>0,max=>10,minColor=>90,maxColor=>0,desc=>"heute",unit=>"m³",decimal=>2},\		min=>0,max=>10,minColor=>90,maxColor=>0,desc=>"heute",unit=>"m³",decimal=>2},\
	{value=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.month],\		{value=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.month],\
	min=>0,max=>250,minColor=>90,maxColor=>0,desc=>"Monat",unit=>"m³"}]})		min=>0,max=>250,minColor=>90,maxColor=>0,desc=>"Monat",unit=>"m³"}]}
	</syntaxhighlight>		</syntaxhighlight>

← Nächstältere Version		Version vom 27. September 2026, 20:18 Uhr
(2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 270:		Zeile 270:
	attr di_Wetter uiTable {package ui_Table;;}\		attr di_Wetter uiTable {package ui_Table;;}\
	\		\
	hcard({header=>"Außentemperatur",model=>"tempOut",ring=>"halfring",left=>{collect=>[Wetter:TemperaturC:col1d]}})\|\		hcard {header=>"Außentemperatur",model=>"tempOut",ring=>"halfring",left=>{collect=>[Wetter:TemperaturC:col1d]}})\|\
	hcard({header=>"gefühlte Temperatur",model=>"tempOut",ring=>"halfring",icon=>"temp_windchill\@silver",\		hcard {header=>"gefühlte Temperatur",model=>"tempOut",ring=>"halfring",icon=>"temp_windchill\@silver",\
	left=>{collect=>[Wetter:TemperaturGefuehltC:col1d]}})\		left=>{collect=>[Wetter:TemperaturGefuehltC:col1d]}}\
	hcard({header=>"Taupunkttemperatur",model=>"tempOut",ring=>"halfring",icon=>"temperature_humidity\@silver",\		hcard {header=>"Taupunkttemperatur",model=>"tempOut",ring=>"halfring",icon=>"temperature_humidity\@silver",\
	left=>{collect=>[Wetter:TaupunktTempC:col1d]}})\|\		left=>{collect=>[Wetter:TaupunktTempC:col1d]}}\|\
	hcard({header=>"Außenfeuchtigkeit",model=>"humOut",ring=>"halfring",icon=>"temperature_humidity\@silver",\		hcard {header=>"Außenfeuchtigkeit",model=>"humOut",ring=>"halfring",icon=>"temperature_humidity\@silver",\
	left=>{collect=>[Wetter:Feuchtigkeit:col1d]}})\		left=>{collect=>[Wetter:Feuchtigkeit:col1d]}}\
	hcard({header=>"Wind",model=>"wind",ring=>"halfring",\		hcard {header=>"Wind",model=>"wind",ring=>"halfring",\
	icon=>[Wetter:WindKm] > 0 ? "wind\@silver".",1,0,0,".([Wetter:Windrichtung]):"no_wind\@silver",\		icon=>[Wetter:WindKm] > 0 ? "wind\@silver".",1,0,0,".([Wetter:Windrichtung]):"no_wind\@silver",\
	left=>{collect=>[Wetter:WindKm:col1d]}})\|\		left=>{collect=>[Wetter:WindKm:col1d]}}\|\
	hcard({header=>"Windböen",model=>"wind",ring=>"halfring",left=>{collect=>[Wetter:WindboeenKm:col1d]}})\		hcard {header=>"Windböen",model=>"wind",ring=>"halfring",left=>{collect=>[Wetter:WindboeenKm:col1d]}}\
	hcard({header=>"Regen",model=>"rain",ring=>"halfring",left=>{collect=>[Wetter:RegenMm:col1d]}})\|\		hcard {header=>"Regen",model=>"rain",ring=>"halfring",left=>{collect=>[Wetter:RegenMm:col1d]}}\|\
	hcard({header=>"Regengesamt",model=>"rainSum",ring=>"halfring",left=>{collect=>[Wetter:RegenGesamtMm:col1d]}})\		hcard {header=>"Regengesamt",model=>"rainSum",ring=>"halfring",left=>{collect=>[Wetter:RegenGesamtMm:col1d]}}\
	hcard({header=>"Sonnenstrahlung",model=>"solar",ring=>"halfring",left=>{collect=>[Wetter:Sonnenstrahlung:col1d]}})\|\		hcard {header=>"Sonnenstrahlung",model=>"solar",ring=>"halfring",left=>{collect=>[Wetter:Sonnenstrahlung:col1d]}}\|\
	hcard({header=>"Luftdruck",model=>"barometer",ring=>"halfring",left=>{collect=>[Wetter:LuftdruckHpa:col1d]}})		hcard {header=>"Luftdruck",model=>"barometer",ring=>"halfring",left=>{collect=>[Wetter:LuftdruckHpa:col1d]}}
	</syntaxhighlight>		</syntaxhighlight>

Zeile 325:		Zeile 325:
	defmod sprit DOIF ##		defmod sprit DOIF ##
	attr sprit uiTable {package ui_Table;;}\		attr sprit uiTable {package ui_Table;;}\
	hcard({icon=>"fuel\@silver",steps=>1,		hcard {icon=>"fuel\@silver",steps=>1,
	left=>{collect=>[[Tankstelle:SuperE5:col3d],[Tankstelle:Diesel:col3d]],min=>1.80,max=>2.50,minColor=>120,maxColor=>0,desc=>["E10","Diesel"],decimal=>2,unit=>" €"}})		left=>{collect=>[[Tankstelle:SuperE5:col3d],[Tankstelle:Diesel:col3d]],min=>1.80,max=>2.50,minColor=>120,maxColor=>0,desc=>["E10","Diesel"],decimal=>2,unit=>" €"}}
	</syntaxhighlight>		</syntaxhighlight>

← Nächstältere Version		Version vom 26. September 2026, 11:15 Uhr
(13 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 975:		Zeile 975:
	Beschreibung der Funktion		Beschreibung der Funktion

	Es wird der aktuelle Wert eines Readings, sein zeitlicher Verlauf sowie der maximale und minimale Wert in Form einer Informationskarte visualisiert. Die Besonderheit ist die Angabe beim Schlüssel '''collect''' des Readings der Form '''[<Device>:<Reading>:<collect type]'''. Dadurch werden Daten des Readings im DOIF-Modul gesammelt und für die Erzeugung eines Graphen zur Verfügung gestellt - es sind keine weiteren Definitionen erforderlich. Dabei wird besonders sparsam mit der Datensammlung umgegangen. Die gesammelten Daten werden über den FHEM-Befehl '''save''' in versteckten Readings des jeweiligen DOIF-Moduls gespeichert.		Es wird der aktuelle Wert eines Readings, sein zeitlicher Verlauf sowie der maximale und minimale Wert in Form einer Informationskarte visualisiert. Die Besonderheit ist die Angabe beim Schlüssel '''collect''' des Readings der Form '''[<Device>:<Reading>:<collect type>]'''. Dadurch werden Daten des Readings im DOIF-Modul gesammelt und für die Erzeugung eines Graphen zur Verfügung gestellt - es sind keine weiteren Definitionen erforderlich. Dabei wird besonders sparsam mit der Datensammlung umgegangen. Die gesammelten Daten werden über den FHEM-Befehl '''save''' in versteckten Readings des jeweiligen DOIF-Moduls gespeichert. Es können mehrere Werteverläufe im Diagramm sowie Werte ohne Werteverlauf als Halbring in der Kopfzeile visualisiert werden.


Zeile 988:		Zeile 988:
	})		})

	Anmerkung: Da es sich bei der Definition um Perlsyntax für die Initialisierung eines Hashes handelt, werden Zuweisungen mit => und nicht mit = vorgenommen, sie werden mit Komma ~~von einander~~ getrennt (siehe Bespieldefinitionen unten)		Anmerkung: Da es sich bei der Definition um Perlsyntax für die Initialisierung eines Hashes handelt, werden Zuweisungen mit => und nicht mit = vorgenommen, sie werden mit Komma voneinander getrennt (siehe Bespieldefinitionen unten)

	# Bereich: Eigenschaften der Karte		# Bereich: Eigenschaften der Karte

	model # vordefinierte Angaben für bestimmte Sensoren: "co2","tempIn","tempout","humOut","tempHumOut","wind","rain","rainSum","solar","barometer", vorbelegte ~~Attributen~~ können in der weiteren Definition überschrieben werden		model # vordefinierte Angaben für bestimmte Sensoren: "co2","tempIn","tempout","humOut","tempHumOut","wind","rain","rainSum","solar","barometer", vorbelegte Attribute können in der weiteren Definition überschrieben werden
	header # "<Überschrifttext,<Style-SVG-Text-Attribute>", mit "" wird die Kopfzeile ohne Text eingeblendet (default kein header)		header # "<Überschrifttext,<Style-SVG-Text-Attribute>", mit "" wird die Kopfzeile ohne Text eingeblendet (default kein header)
	icon # "Iconname\@Farbe,Skalierungsfaktor,x-Position,y-Position,Rotation", \@Farbe, Skalierungsfaktor, x-Position, y-Position, Rotation sind optional (default kein icon)		icon # "Iconname\@Farbe,Skalierungsfaktor,x-Position,y-Position,Rotation", \@Farbe, Skalierungsfaktor, x-Position, y-Position, Rotation sind optional (default kein icon)
Zeile 1.047:		Zeile 1.047:
	value # Angabe eines Readings [<Device>:<Reading>] im Bereich von top		value # Angabe eines Readings [<Device>:<Reading>] im Bereich von top

	left/right/top # die ~~folgendeb~~ Schlüssel gelten für alle drei Bereiche		left/right/top # die folgenden Schlüssel gelten für alle drei Bereiche

	min # minimaler Wert, optional, default=0		min # minimaler Wert, optional, default=0
Zeile 1.062:		Zeile 1.062:
	</syntaxhighlight>		</syntaxhighlight>

	======<big>Darstellung eines Readingwertes</big>======		======<big>Darstellung eines Readingwertes pro Karte</big>======
	<syntaxhighlight lang="perl">		<syntaxhighlight lang="perl">
	defmod di_Wetter DOIF ##		defmod di_Wetter DOIF ##
Zeile 1.076:		Zeile 1.076:
	left=>{collect=>[Wetter:Feuchtigkeit:col1d]}})\		left=>{collect=>[Wetter:Feuchtigkeit:col1d]}})\
	hcard({header=>"Wind",model=>"wind",ring=>"halfring",\		hcard({header=>"Wind",model=>"wind",ring=>"halfring",\
	icon=>[Wetter:WindKm] > 0 ? "wind\@silver".",1,0,0,".[Wetter:WindrichtungGrad]:"no_wind\@silver",\		icon=>[Wetter:WindKm] > 0 ? "wind\@silver".",1,0,0,".[Wetter:WindrichtungGrad]:"no_wind\@silver",\
	left=>{collect=>[Wetter:WindKm:col1d]}})\|\		left=>{collect=>[Wetter:WindKm:col1d]}})\|\
	hcard({header=>"Windböen",model=>"wind",ring=>"halfring",left=>{collect=>[Wetter:WindboeenKm:col1d]}})\		hcard({header=>"Windböen",model=>"wind",ring=>"halfring",left=>{collect=>[Wetter:WindboeenKm:col1d]}})\
Zeile 1.088:		Zeile 1.088:
	[[Datei:hcard_wetter.png\|ohne\|500px]]		[[Datei:hcard_wetter.png\|ohne\|500px]]

	======<big>Visualisierungsbeispiele mit hcard</big>======		======<big>Weitere Visualisierungsbeispiele mit hcard</big>======
	<syntaxhighlight lang="perl">		<syntaxhighlight lang="perl">
	defmod di_hcards DOIF {}		defmod di_hcards DOIF {}
	attr di_hcards uiTable {package ui_Table;;\		attr di_hcards uiTable {package ui_Table;;}\
	~~$TC{0..1} = "style='vertical-align:top'"\~~
	~~$TABLE='text-align:center;;';;\~~
	}\
	\		\
	hcard({model=>"tempIn",left=>{collect=>[MQTT2_zigbee_0x048727fffee80c78:temperature:col1d]}})\|\		hcard({model=>"tempIn",left=>{collect=>[MQTT2_zigbee_0x048727fffee80c78:temperature:col1d]}})\|\
			\
	hcard({model=>"humOut",left=>{collect=>[MQTT2_zigbee_0x048727fffee80c78:humidity:col1d]}}) \		hcard({model=>"humOut",left=>{collect=>[MQTT2_zigbee_0x048727fffee80c78:humidity:col1d]}}) \
	\		\
	hcard({model=>"co2",header=>"",left=>{collect=>[MQTT2_DVES_D90D08:MHZ19B_CarbonDioxide:col1d]}})\|\		hcard({model=>"co2",header=>"",left=>{collect=>[MQTT2_DVES_D90D08:MHZ19B_CarbonDioxide:col1d]}})\|\
			\
	hcard({header=>"Tibber",ring=>"halfring",\		hcard({header=>"Tibber",ring=>"halfring",\
	left=>{collect=>[di_tibber:tibber],min=>0,max=>40,minColor=>90,maxColor=>0,unit=>"Cent",desc=>"aktuell"}})\		left=>{collect=>[di_tibber:tibber],min=>0,max=>40,minColor=>90,maxColor=>0,unit=>"Cent",desc=>"aktuell"}})\
Zeile 1.106:		Zeile 1.105:
	left=>{collect=>[MQTT2_zigbee_0x048727fffee80c78:temperature:col1d],desc=>"Temp."},\		left=>{collect=>[MQTT2_zigbee_0x048727fffee80c78:temperature:col1d],desc=>"Temp."},\
	right=>{collect=>[MQTT2_zigbee_0x048727fffee80c78:humidity:col1d],desc=>"Feuchte"}})\|\		right=>{collect=>[MQTT2_zigbee_0x048727fffee80c78:humidity:col1d],desc=>"Feuchte"}})\|\
	\		\
	hcard({header=>"",model=>"tempHumOut",icon=>"temp_outside\@silver",\		hcard({header=>"",model=>"tempHumOut",icon=>"temp_outside\@silver",\
	left=>{collect=>[MQTT2_zigbee_0x048727fffee80c78:temperature:col1d],desc=>"Temp."},\		left=>{collect=>[MQTT2_zigbee_0x048727fffee80c78:temperature:col1d],desc=>"Temp."},\
Zeile 1.115:		Zeile 1.114:
	{value=>[Wetter:RegenGesamtMm],\		{value=>[Wetter:RegenGesamtMm],\
	min=>0,max=>50,minColor=>180,maxColor=>270,desc=>"Regen",unit=> " mm"}]})\		min=>0,max=>50,minColor=>180,maxColor=>270,desc=>"Regen",unit=> " mm"}]})\
			\
	hcard({icon=>"Zisterne\@silver",yScaling=>"fixedscaling",\		hcard({icon=>"Zisterne\@silver",yScaling=>"fixedscaling",\
	left=>{collect=>[Wasserzisterne:state:col2w],\		left=>{collect=>[Wasserzisterne:state:col2w],\
	min=>0,max=>100,minColor=>240,maxColor=>180,desc=>"Zisterne",decimal=>0,unit=>" %"}})\|\		min=>0,max=>100,minColor=>240,maxColor=>180,desc=>"Zisterne",decimal=>0,unit=>" %"}})\|\
			\
	hcard({icon=>"fuel\@silver",steps=>1,\		hcard({icon=>"fuel\@silver",steps=>1,\
	left=>{collect=>[[Tankstelle:SuperE5:col3d],[Tankstelle:Diesel:col3d]],min=>1.80,max=>2.50,minColor=>120,maxColor=>0,desc=>["E10","Diesel"],decimal=>2,unit=>" €"}})\		left=>{collect=>[[Tankstelle:SuperE5:col3d],[Tankstelle:Diesel:col3d]],\
			min=>1.80,max=>2.50,minColor=>120,maxColor=>0,desc=>["E10","Diesel"],decimal=>2,unit=>" €"}})\
	\		\
	hcard({header=>"Strom",ring=>"halfring",\		hcard({header=>"Strom",ring=>"halfring",\
	left=>{collect=>[[di_counter_new:MQTT2_DVES_C58DCB.total_pv.last_day:bar2month-300],[di_counter_new:MQTT2_DVES_C58DCB.total_c.last_day:bar2month-300]],min=>-25,max=>25,minColor=>0,maxColor=>90,desc=>["PV","Bezug"],colorRef=>[(-10,0,-0.01,30,10,60,25,90)]}})\|\		left=>{collect=>[[di_counter_new:MQTT2_DVES_C58DCB.total_pv.last_day:bar2month-300],[di_counter_new:MQTT2_DVES_C58DCB.total_c.last_day:bar2month-300]],\
			min=>-25,max=>25,minColor=>0,maxColor=>90,desc=>["PV","Bezug"],colorRef=>[(-10,0,-0.01,30,10,60,25,90)]}})\|\
			\
	hcard ({header=>"Gas",\		hcard ({header=>"Gas",\
	left=>{collect=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.last_day:bar2month-300],\		left=>{collect=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.last_day:bar2month-300],\
	min=>0,max=>10,minColor=>90,maxColor=>0,unit=>"m³",decimal=>2,desc=>"Verbr."},\		min=>0,max=>10,minColor=>90,maxColor=>0,unit=>"m³",decimal=>2,desc=>"Verbr."},\
	top=>[{value=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.last_day],\		top=>[{value=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.last_day],\
	min=>0,max=>10,minColor=>90,maxColor=>0,desc=>"gestern",unit=>"m³",decimal=>2},\		min=>0,max=>10,minColor=>90,maxColor=>0,desc=>"gestern",unit=>"m³",decimal=>2},\
	{value=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.day],\		{value=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.day],\
	min=>0,max=>10,minColor=>90,maxColor=>0,desc=>"heute",unit=>"m³",decimal=>2},\		min=>0,max=>10,minColor=>90,maxColor=>0,desc=>"heute",unit=>"m³",decimal=>2},\
	{value=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.month],\		{value=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.month],\
	min=>0,max=>250,minColor=>90,maxColor=>0,desc=>"Monat",unit=>"m³"}]})\		min=>0,max=>250,minColor=>90,maxColor=>0,desc=>"Monat",unit=>"m³"}]})\
	\		\
	hcard({header=>"PV Leistung",steps=>1,ring=>"halfring",colorYScaling=>"noycolor",\		hcard({header=>"PV Leistung",steps=>1,ring=>"halfring",colorYScaling=>"noycolor",\
	left=>{collect=>[[MQTT2_sbfspot:PDC1:144col1d],[MQTT2_sbfspot:PDC2:144col1d]],\		left=>{collect=>[[MQTT2_sbfspot:PDC1:144col1d],[MQTT2_sbfspot:PDC2:144col1d]],\
	min=>0,max=>3300,minColor=>40,maxColor=>100,desc=>["PDC1,yellow","PDC2,#FF5F1F"],decimal=>0,unit=>" W"}})\|\		min=>0,max=>3300,minColor=>40,maxColor=>100,desc=>["PDC1,yellow","PDC2,#FF5F1F"],decimal=>0,unit=>" W"}})\|\
			\
	hcard({header=>"PV Strom",steps=>1,ring=>"halfring",colorYScaling=>"noycolor",\		hcard({header=>"PV Strom",steps=>1,ring=>"halfring",colorYScaling=>"noycolor",\
	left=>{collect=>[[MQTT2_sbfspot:IDC1:144col1d],[MQTT2_sbfspot:IDC2:144col1d]],\		left=>{collect=>[[MQTT2_sbfspot:IDC1:144col1d],[MQTT2_sbfspot:IDC2:144col1d]],\