DOIF/uiTable Schnelleinstieg - Versionsgeschichte

Damian-s: /* uiTable eines anderen DOIFs einbinden */

2026-09-27T19:24:28Z

uiTable eines anderen DOIFs einbinden

Damian-s: /* Energieverbrauch verschiedener Zeiträume */

2026-09-27T18:14:36Z

Energieverbrauch verschiedener Zeiträume

Damian-s: /* Weitere Visualisierungsbeispiele mit hcard */

2026-09-27T18:11:59Z

Weitere Visualisierungsbeispiele mit hcard

Damian-s: /* Darstellung eines Readingwertes pro Karte */

2026-09-27T18:08:11Z

Darstellung eines Readingwertes pro Karte

Damian-s: /* Darstellung des zeitlichen Werteverlaufs mit der SVG-Funktion hcard */

2026-09-27T18:06:58Z

Darstellung des zeitlichen Werteverlaufs mit der SVG-Funktion hcard

← Nächstältere Version		Version vom 27. September 2026, 20:06 Uhr
Zeile 988:		Zeile 988:
	# Aufbau des Funktionsaufrufs		# Aufbau des Funktionsaufrufs

	hcard {Eigenschaften der Karte},		hcard {Eigenschaften der Karte,
	left=>{Angaben zu Werteläufen links im Diagramm beschriftet},		left=>{Angaben zu Werteläufen links im Diagramm beschriftet},
	right=>{Angaben zu Werteläufen rechts im Diagramm beschriftet},		right=>{Angaben zu Werteläufen rechts im Diagramm beschriftet},

Damian-s: /* Darstellung des zeitlichen Werteverlaufs mit der SVG-Funktion hcard */

2026-09-27T18:06:30Z

Darstellung des zeitlichen Werteverlaufs mit der SVG-Funktion hcard

← Nächstältere Version		Version vom 27. September 2026, 20:06 Uhr
Zeile 988:		Zeile 988:
	# Aufbau des Funktionsaufrufs		# Aufbau des Funktionsaufrufs

	hcard({Eigenschaften der Karte},		hcard {Eigenschaften der Karte},
	left=>{Angaben zu Werteläufen links im Diagramm beschriftet},		left=>{Angaben zu Werteläufen links im Diagramm beschriftet},
	right=>{Angaben zu Werteläufen rechts im Diagramm beschriftet},		right=>{Angaben zu Werteläufen rechts im Diagramm beschriftet},
	top=>[{Array mit Angaben zu Werten angezeigt in der Kopfzeile ohne Werteverlauf im Diagramm}]		top=>[{Array mit Angaben zu Werten angezeigt in der Kopfzeile ohne Werteverlauf im Diagramm}]
	})		}

	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)		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)

Damian-s: /* Darstellung eines Readingwertes pro Karte */

2026-09-27T10:54:32Z

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]}})\

Damian-s: /* uiTable eines anderen DOIFs einbinden */

2026-09-26T21:29:42Z

uiTable eines anderen DOIFs einbinden

← Nächstältere Version		Version vom 26. September 2026, 23:29 Uhr
Zeile 162:		Zeile 162:

	attr Aktuell uiTable {package ui_Table;;\		attr Aktuell uiTable {package ui_Table;;\
	\
	~~## $TABLE='vertical-align:top';;\~~
	$TC{0..1} = "style='vertical-align:top'"\		$TC{0..1} = "style='vertical-align:top'"\
	$TABLE='text-align:center;;';;\		$TABLE='text-align:center;;';;\
	~~## $SHOWNOSTATE=1;;\~~
	}\		}\
	\
	~~## $prop:~~ "~~<size>~~,~~<y-scaling~~>,~~<steps~~>,~~<noFooter~~>~~,<noColor~~>~~,<hring>,<width>"\~~		hcard({header=>"",model=>"tempHumOut",icon=>"temp_outside\@silver",\
	~~card(~~[MQTT2_zigbee_0x048727fffee80c78:temperature:col1d],~~"","temp_outside\@silver",-10,50,undef,undef,~~"Temp.",\~~&temp_hue,"1,,fill:silver,°C","130,autoscaling,nosteps,footer,ycolor,ring,180",undef,undef,[~~[MQTT2_zigbee_0x048727fffee80c78:humidity:col1d],[[Wetter:WindboeenKm],0,30,90,30,"Wind","~~","1,,fill:silver,~~ km/h",~~",,,0"],[~~[Wetter:LuftdruckHpa],980,1047,30,90,"Luftdr.","","~~0,,fill:silver,~~ hPa",~~",,,0"],[~~[Wetter:RegenGesamtMm],0,50,180,270,"Regen","~~","1,,fill:silver,~~ mm"~~,",,,0"~~]~~],0,100,undef,undef,"Feuchte",\&hum_hue,"0,,fill:silver, %"~~)\|\		left=>{collect=>[MQTT2_zigbee_0x048727fffee80c78:temperature:col1d],desc=>"Temp."},\
			right=>{collect=>[MQTT2_zigbee_0x048727fffee80c78:humidity:col1d],desc=>"Feuchte"},\
			top => [{value=>[Wetter:WindboeenKm],\
			min=>0,max=>30,minColor=>90,maxColor=>30,desc=>"Wind",unit=>" km/h"},\
			{value=>[Wetter:LuftdruckHpa],min=>980,max=>1047,minColor=>30,maxColor=>90,desc=>"Luftdr.",decimal=>0,unit=> " hPa"},\
			{value=>[Wetter:RegenGesamtMm],\
			min=>0,max=>50,minColor=>180,maxColor=>270,desc=>"Regen",unit=> " mm"}]})\|\
	\		\
	~~card~~([di_tibber:tibber],~~"Tibber",undef,~~0,40,90,0,"Cent",~~undef,"1",~~"~~,autoscaling,,,noycolor,halfring,180~~")<\		hcard({header=>"Tibber",ring=>"halfring",\
			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 180:		Zeile 184:
	## ab hier wird die ursprüngliche Tabelle fortgesetzt\		## ab hier wird die ursprüngliche Tabelle fortgesetzt\
	##\		##\
	~~card~~(~~[di_counter_new:MQTT2_DVES_C58DCB.total_w.last_day:col2w],undef,~~"~~measure_water_meter~~\@silver",~~0,600,120,0,~~"~~Verbr.",undef,"0,,fill:silver, l","130,~~fixedscaling~~,nosteps,footer,ycolor,ring,180~~",~~undef,undef,~~[~~Wasserzisterne_new~~:~~Stand~~:col2w],0,100,240,180,"Zisterne",~~undef~~,"~~0,,fill:silver,~~ %")\|\		hcard({icon=>"Zisterne\@silver",yScaling=>"fixedscaling",\
	\		left=>{collect=>[Wasserzisterne:state:col2w],\
	~~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,180",undef,undef)~~\		min=>0,max=>100,minColor=>240,maxColor=>180,desc=>"Zisterne",decimal=>0,unit=>" %"}})\|\
	\		\
	~~card~~([[~~di_counter_new~~:~~MQTT2_DVES_C58DCB.total_pv.last_day~~:~~bar2month-300~~],[~~di_counter_new~~:~~MQTT2_DVES_C58DCB.total_c.last_day~~:~~bar2month-300~~]],~~"Strom"~~,~~undef,-25~~,25,0,~~90,~~["PV","~~Bezug~~"],~~[(-10,0,-0.01,30,10,60,25,90)],"1,,fill:silver, kWh","130,autoscaling,steps,footer,noycolor,halfring~~,~~180~~","~~1,,1,0,1",undef~~) \|\		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=>" €"}})\
	\		\
	~~card~~([[di_counter_new:MQTT2_DVES_C58DCB.~~total_gas~~.last_day:bar2month-300],\		hcard({header=>"Strom",ring=>"halfring",\
	[[di_counter_new:MQTT2_DVES_C58DCB.~~total_gas~~.last_day],0,~~10,~~90,0,"~~gestern~~","","2,,~~fill:silver~~, m³"],\		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)]}})\|\
	[[di_counter_new:MQTT2_DVES_C58DCB.total_gas.~~day~~],0,10,90,0,"~~heute~~","","~~2,,fill:silver, m³~~"],[[di_counter_new:MQTT2_DVES_C58DCB.total_gas.~~month~~],0,~~250~~,90,0,"~~Monat~~","","1,~~,fill~~:~~silver, m³"]~~],~~"Gas",undef,~~0,10,90,0,"m³",~~undef,"~~2,~~,fill~~:~~silver~~, ~~m³"~~,~~"130~~,~~autoscaling,1~~,0,1,~~nohalfring,180~~"~~,undef,undef~~)		\
			hcard ({header=>"Gas",\
			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."},\
			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},\
			{value=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.day],\
			min=>0,max=>10,minColor=>90,maxColor=>0,desc=>"heute",unit=>"m³",decimal=>2},\
			{value=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.month],\
			min=>0,max=>250,minColor=>90,maxColor=>0,desc=>"Monat",unit=>"m³"}]})
	</syntaxhighlight>		</syntaxhighlight>


	''Ergebnis der Beispieldefinition in der Webansicht:''		''Ergebnis der Beispieldefinition in der Webansicht:''

Damian-s: /* Farbskalierte Anzeige eines Zahlenwertes mit Hilfe der universellen SVG-Funktionen icon_bar/icon_mbar */

2026-09-26T21:24:06Z

Farbskalierte Anzeige eines Zahlenwertes mit Hilfe der universellen SVG-Funktionen icon_bar/icon_mbar

← Nächstältere Version		Version vom 26. September 2026, 23:24 Uhr
Zeile 961:		Zeile 961:
	''Ergebnis der Beispieldefinition in der Webansicht:''		''Ergebnis der Beispieldefinition in der Webansicht:''
	[[Datei:icon_bar_bsp.png\|ohne\|mini]]		[[Datei:icon_bar_bsp.png\|ohne\|mini]]
			<br>
			<br>
			<br>

	==== Darstellung des zeitlichen Werteverlaufs mit der SVG-Funktion '''hcard''' ====		==== Darstellung des zeitlichen Werteverlaufs mit der SVG-Funktion '''hcard''' ====

Damian-s: /* Farbskalierte Anzeige eines Zahlenwertes mit Hilfe der universellen SVG-Funktionen icon_bar/icon_mbar */

2026-09-26T21:23:38Z

Farbskalierte Anzeige eines Zahlenwertes mit Hilfe der universellen SVG-Funktionen icon_bar/icon_mbar

← Nächstältere Version		Version vom 26. September 2026, 23:23 Uhr
Zeile 961:		Zeile 961:
	''Ergebnis der Beispieldefinition in der Webansicht:''		''Ergebnis der Beispieldefinition in der Webansicht:''
	[[Datei:icon_bar_bsp.png\|ohne\|mini]]		[[Datei:icon_bar_bsp.png\|ohne\|mini]]
	~~<br>~~
	~~<br>~~
	~~<br>~~

	==== Darstellung des zeitlichen Werteverlaufs mit der SVG-Funktion '''hcard''' ====		==== 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:14 Uhr
Zeile 1.167:		Zeile 1.167:
	attr di_energie uiTable {package ui_Table}\		attr di_energie uiTable {package ui_Table}\
	"Darstellung eines Monats"\|"Darstellung eines Jahres"\|"Darstellung einer Dekade"\		"Darstellung eines Monats"\|"Darstellung eines Jahres"\|"Darstellung einer Dekade"\
	hcard({header=>"Gas in m³ pro Tag",width=>200,colorYScaling=>"noycolor",\		hcard {header=>"Gas in m³ pro Tag",width=>200,colorYScaling=>"noycolor",\
	left=>{collect=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.last_day:bar1month],min=>0,max=>10,minColor=>90,maxColor=>0,unit=>"m³"}})\|\		left=>{collect=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.last_day:bar1month],min=>0,max=>10,minColor=>90,maxColor=>0,unit=>"m³"}}\|\
	hcard({header=>"Gas in m³ pro Monat",width=>200,colorYScaling=>"noycolor",\		hcard {header=>"Gas in m³ pro Monat",width=>200,colorYScaling=>"noycolor",\
	left=>{collect=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.last_month:bar1year],min=>0,max=>100,minColor=>90,maxColor=>0,unit=>"m³",decimal=>0}})\|\		left=>{collect=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.last_month:bar1year],min=>0,max=>100,minColor=>90,maxColor=>0,unit=>"m³",decimal=>0}}\|\
	hcard({header=>"Gas in m³ pro Jahr",width=>200,colorYScaling=>"noycolor",\		hcard {header=>"Gas in m³ pro Jahr",width=>200,colorYScaling=>"noycolor",\
	left=>{collect=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.last_year:bar1decade],min=>0,max=>20000,minColor=>90,maxColor=>0,unit=>"m³",decimal=>0}})\		left=>{collect=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.last_year:bar1decade],min=>0,max=>20000,minColor=>90,maxColor=>0,unit=>"m³",decimal=>0}}\
	\		\
	"Darstellung einer Woche"\|"Darstellung zwei Wochen"\|"Darstellung vier Wochen"\		"Darstellung einer Woche"\|"Darstellung zwei Wochen"\|"Darstellung vier Wochen"\
	hcard({header=>"Gas in m³ pro Tag",width=>200,colorYScaling=>"noycolor",\		hcard {header=>"Gas in m³ pro Tag",width=>200,colorYScaling=>"noycolor",\
	left=>{collect=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.last_day:bar1week],min=>0,max=>10,minColor=>90,maxColor=>0,unit=>"m³"}})\|\		left=>{collect=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.last_day:bar1week],min=>0,max=>10,minColor=>90,maxColor=>0,unit=>"m³"}}\|\
	hcard({header=>"Gas in m³ pro Tag",width=>200,colorYScaling=>"noycolor",\		hcard {header=>"Gas in m³ pro Tag",width=>200,colorYScaling=>"noycolor",\
	left=>{collect=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.last_day:bar2week],min=>0,max=>10,minColor=>90,maxColor=>0,unit=>"m³"}})\|\		left=>{collect=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.last_day:bar2week],min=>0,max=>10,minColor=>90,maxColor=>0,unit=>"m³"}}\|\
	hcard({header=>"Gas in m³ pro Tag",width=>200,colorYScaling=>"noycolor",\		hcard {header=>"Gas in m³ pro Tag",width=>200,colorYScaling=>"noycolor",\
	left=>{collect=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.last_day:bar4week],min=>0,max=>10,minColor=>90,maxColor=>0,unit=>"m³"}})\		left=>{collect=>[di_counter_new:MQTT2_DVES_C58DCB.total_gas.last_day:bar4week],min=>0,max=>10,minColor=>90,maxColor=>0,unit=>"m³"}}\
	\		\
	"Darstellung von zwei Werten"\|"Darstellung mit Halbringen"\|"Darstellung von zwei Monaten"\		"Darstellung von zwei Werten"\|"Darstellung mit Halbringen"\|"Darstellung von zwei Monaten"\
	hcard({header=>"Elektrizität in kWh pro Tag",width=>200,colorYScaling=>"noycolor",\		hcard {header=>"Elektrizität in kWh pro Tag",width=>200,colorYScaling=>"noycolor",\
	left=>{collect=>[[di_counter_new:MQTT2_DVES_C58DCB.total_pv.last_day:bar1month],[di_counter_new:MQTT2_DVES_C58DCB.total_c.last_day:bar1month]],\		left=>{collect=>[[di_counter_new:MQTT2_DVES_C58DCB.total_pv.last_day:bar1month],[di_counter_new:MQTT2_DVES_C58DCB.total_c.last_day:bar1month]],\
	min=>-15,max=>15,minColor=>0,maxColor=>90,desc=>["Ertrag","Bezug"],unit=>"m³"}})\|\		min=>-15,max=>15,minColor=>0,maxColor=>90,desc=>["Ertrag","Bezug"],unit=>"m³"}}\|\
	hcard({header=>"kWh pro Tag",width=>200,colorYScaling=>"noycolor",ring=>"halfring",\		hcard {header=>"kWh pro Tag",width=>200,colorYScaling=>"noycolor",ring=>"halfring",\
	left=>{collect=>[[di_counter_new:MQTT2_DVES_C58DCB.total_pv.last_day:bar1month],[di_counter_new:MQTT2_DVES_C58DCB.total_c.last_day:bar1month]],\		left=>{collect=>[[di_counter_new:MQTT2_DVES_C58DCB.total_pv.last_day:bar1month],[di_counter_new:MQTT2_DVES_C58DCB.total_c.last_day:bar1month]],\
	min=>-15,max=>15,minColor=>0,maxColor=>90,desc=>["Ertrag","Bezug"],unit=>"m³"}})\|\		min=>-15,max=>15,minColor=>0,maxColor=>90,desc=>["Ertrag","Bezug"],unit=>"m³"}}\|\
	hcard({header=>"kWh pro Tag",width=>200,colorYScaling=>"noycolor",ring=>"halfring",\		hcard {header=>"kWh pro Tag",width=>200,colorYScaling=>"noycolor",ring=>"halfring",\
	left=>{collect=>[[di_counter_new:MQTT2_DVES_C58DCB.total_pv.last_day:bar2month],[di_counter_new:MQTT2_DVES_C58DCB.total_c.last_day:bar2month]],\		left=>{collect=>[[di_counter_new:MQTT2_DVES_C58DCB.total_pv.last_day:bar2month],[di_counter_new:MQTT2_DVES_C58DCB.total_c.last_day:bar2month]],\
	min=>-15,max=>15,minColor=>0,maxColor=>90,desc=>["Ertrag","Bezug"],unit=>"m³"}})		min=>-15,max=>15,minColor=>0,maxColor=>90,desc=>["Ertrag","Bezug"],unit=>"m³"}}
	</syntaxhighlight>		</syntaxhighlight>
	''Ergebnis der Beispieldefinition in der Webansicht:''		''Ergebnis der Beispieldefinition in der Webansicht:''

← Nächstältere Version		Version vom 27. September 2026, 20:11 Uhr
Zeile 1.099:		Zeile 1.099:
	attr di_hcards uiTable {package ui_Table;;}\		attr di_hcards uiTable {package ui_Table;;}\
	\		\
	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"}}\
	\		\
	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"}}\|\
	\		\
	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 1.119:		Zeile 1.119:
	{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({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]],\		left=>{collect=>[[Tankstelle:SuperE5:col3d],[Tankstelle:Diesel:col3d]],\
	min=>1.80,max=>2.50,minColor=>120,maxColor=>0,desc=>["E10","Diesel"],decimal=>2,unit=>" €"}})\		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]],\		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)]}})\|\		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]],\
	min=>0,max=>8.5,minColor=>40,maxColor=>100,desc=>["PDC1,yellow","PDC2,#FF5F1F"],decimal=>3,unit=>" A"}})		min=>0,max=>8.5,minColor=>40,maxColor=>100,desc=>["PDC1,yellow","PDC2,#FF5F1F"],decimal=>3,unit=>" A"}}
	</syntaxhighlight>		</syntaxhighlight>

← Nächstältere Version		Version vom 27. September 2026, 20:08 Uhr
Zeile 1.074:		Zeile 1.074:
	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>