FHEMWEB/MiniChart - Versionsgeschichte

Schwatter am 5. Juli 2026 um 06:28 Uhr

2026-07-05T06:28:32Z

← Nächstältere Version		Version vom 5. Juli 2026, 08:28 Uhr
Zeile 3:		Zeile 3:
	Das MiniChart-Widget visualisiert Messwertverläufe als kompaktes Liniendiagramm oder Balkendiagramm für die Darstellung im [[FHEMWEB]] ([[PGM2]]) Frontend.		Das MiniChart-Widget visualisiert Messwertverläufe als kompaktes Liniendiagramm oder Balkendiagramm für die Darstellung im [[FHEMWEB]] ([[PGM2]]) Frontend.
	Zusätzlich zeigt es drei aktuelle Werte, die aus Label, Reading und Einheit bestehen. Zum Einrichten sind drei Schritte notwendig.		Zusätzlich zeigt es drei aktuelle Werte, die aus Label, Reading und Einheit bestehen. Zum Einrichten sind drei Schritte notwendig.







	=== Hilfe ===		=== Hilfe ===
	* Forenthread zum {{Link2Forum\|Topic=141857\|LinkText=MiniChart Widget}}		* Forenthread zum {{Link2Forum\|Topic=141857\|LinkText=MiniChart Widget}}



	== 1️⃣ 99_myUtils.pm – Hilfsfunktion zum Speichern von historischen Werten ==		== 1️⃣ 99_myUtils.pm – Hilfsfunktion zum Speichern von historischen Werten ==

Schwatter am 4. Juli 2026 um 08:05 Uhr

2026-07-04T08:05:28Z

← Nächstältere Version		Version vom 4. Juli 2026, 10:05 Uhr
Zeile 147:		Zeile 147:
	\| line oder bar; Farben optional.		\| line oder bar; Farben optional.
	\|}		\|}

			== Links ==
			* [[FHEMWEB/Widgets\|FHEMWEB Widgets]]

	[[Kategorie:Code Snippets]]		[[Kategorie:Code Snippets]]
	[[Kategorie:FHEM Frontends]]		[[Kategorie:FHEM Frontends]]

Schwatter am 2. Januar 2026 um 16:01 Uhr

2026-01-02T16:01:56Z

← Nächstältere Version		Version vom 2. Januar 2026, 18:01 Uhr
Zeile 26:		Zeile 26:
	Mit einem `[[at]]`-Timer werden die Werte der Messgeräte regelmäßig in die `chartArray`-Readings geschrieben.		Mit einem `[[at]]`-Timer werden die Werte der Messgeräte regelmäßig in die `chartArray`-Readings geschrieben.
	<syntaxhighlight lang="Perl">		<syntaxhighlight lang="Perl">
	defmod chartUpdate at +*00:05 {\		defmod chartUpdate at +*00:05 {\
	my ~~$val~~ = ~~ReadingsVal~~(~~"Smartmeter_2E1F50", "APOX_Power", 0);;~~\		my @devices = (\
	~~my $new = AppendToFixedArray(~~"~~Smartmeter_2E1F50~~", "~~chartArray~~"~~, $val);;~~\		# ["Devicename", "Readingname"]\
	~~fhem(~~"~~setreading~~ Smartmeter_2E1F50 ~~chartArray $new");;\~~		["Smartmeter_2E1F50", "APOX_Power"],\
	\		["OpenDTU", "power"],\
	~~my $val1 = ReadingsVal("OpenDTU~~", "~~power~~", ~~0);;~~\		["Kuehlschrank", "power"],\
	~~my $new1 = AppendToFixedArray(~~"OpenDTU", "~~chartArray~~", ~~$val1);;~~\		["Luftentfeuchter", "ENERGY_Power"],\
	~~fhem("setreading OpenDTU chartArray $new1");;\~~		["Geschirrspueler", "power"],\
	\		["Trockner", "power"],\
	~~my $val2 = ReadingsVal(~~"Kuehlschrank", "power", ~~0);;~~\		["Waschmaschine", "power"],\
	~~my $new2 = AppendToFixedArray("Kuehlschrank", "chartArray", $val2);;\~~		["Pumpe_FBH_Pwr", "power"],\
	~~fhem("setreading Kuehlschrank chartArray $new2");;\~~		["Heizstab_BW_Pwr", "power"],\
	\		);;\
	~~my $val3 = ReadingsVal(~~"Luftentfeuchter", "ENERGY_Power", ~~0);;\~~		\
	~~my $new3 = AppendToFixedArray("Luftentfeuchter", "chartArray", $val3);;~~\		for my $d (@devices) {\
	~~fhem("setreading Luftentfeuchter chartArray $new3");;\~~		my ($dev, $reading) = @$d;;\
	\		\
	~~my $val4 = ReadingsVal(~~"Geschirrspueler", "power", ~~0);;~~\		my $val = ReadingsVal($dev, $reading, 0);;\
	~~my $new4 = AppendToFixedArray("Geschirrspueler", "chartArray", $val4);;\~~		my $new = AppendToFixedArray($dev, "chartArray", $val);;\
	~~fhem("setreading Geschirrspueler chartArray $new4");;\~~		fhem("setreading $dev chartArray $new");;\
	\		}\
	~~my $val5 = ReadingsVal(~~"Trockner", "power", ~~0);;~~\		}\
	~~my $new5 = AppendToFixedArray(~~"~~Trockner~~", "~~chartArray~~", ~~$val5);;\~~
	~~fhem("setreading Trockner chartArray $new5");;~~\
	\
	~~my $val6 = ReadingsVal(~~"~~Waschmaschine~~", "power", ~~0);;~~\
	~~my $new6 = AppendToFixedArray(~~"~~Waschmaschine~~", "~~chartArray~~", ~~$val6);;~~\
	~~fhem("setreading Waschmaschine chartArray $new6"~~);;\
	\
	my $~~val7 = ReadingsVal~~(~~"Pumpe_FBH_Pwr", "power", 0~~);;\
	my $~~new7 = AppendToFixedArray("Pumpe_FBH_Pwr", "chartArray"~~, $~~val7~~)~~;;\~~
	~~fhem("setreading Pumpe_FBH_Pwr chartArray~~ $~~new7")~~;;\
	\
	my $~~val8~~ = ReadingsVal(~~"Heizstab_BW_Pwr"~~, ~~"power"~~, 0);;\
	my $~~new8~~ = AppendToFixedArray(~~"Heizstab_BW_Pwr"~~, "chartArray", $~~val8~~);;\
	fhem("setreading ~~Heizstab_BW_Pwr~~ chartArray $~~new8~~");;\
	}
	</syntaxhighlight>		</syntaxhighlight>

Ph1959de: Seite Kategorisiert und wikifiziert, Code-Beispiele kompakter dargestellt, teilweise mit syntax-highlighting, Gliederungsebenen bereinigt

2025-12-08T15:49:36Z

Seite Kategorisiert und wikifiziert, Code-Beispiele kompakter dargestellt, teilweise mit syntax-highlighting, Gliederungsebenen bereinigt

Änderungen zeigen

Schwatter am 7. Dezember 2025 um 18:13 Uhr

2025-12-07T18:13:14Z

← Nächstältere Version		Version vom 7. Dezember 2025, 20:13 Uhr
Zeile 108:		Zeile 108:
	* bar – Balkendiagramm mit positiver/negativer Farbgebung		* bar – Balkendiagramm mit positiver/negativer Farbgebung

	Das Chart-Reading ~~liefert~~ eine kommagetrennte Zahlenliste, z. B.:		Das Chart-Reading benötigt eine kommagetrennte Zahlenliste, z. B.:
	10,20,15,18,25		10,20,15,18,25

Zeile 119:		Zeile 119:

	Fallback (nur ChartReading angegeben):		Fallback (nur ChartReading angegeben):
	line@#3b82f6@#3b82f6		dann wird automatisch line@#3b82f6@#3b82f6 gesetzt

	=== Einrichtung im Device ===		=== Einrichtung im Device ===
Zeile 131:		Zeile 131:

	Beispiel Balkendiagramm:		Beispiel Balkendiagramm:
	..., chartArray, bar@#00cc88@#cc0044		...,chartArray,bar@#00cc88@#cc0044

	Fallback (Standard line + Standardfarbe):		Fallback (Standard line + Standardfarbe):
	..., chartArray		...,chartArray

	=== Parameterübersicht ===		=== Parameterübersicht ===

Schwatter am 7. Dezember 2025 um 17:50 Uhr

2025-12-07T17:50:31Z

← Nächstältere Version		Version vom 7. Dezember 2025, 19:50 Uhr
Zeile 7:		Zeile 7:

	=== Hilfe ===		=== Hilfe ===
	Forenthread zum [https://forum.fhem.de/index.php?topic=~~142831~~.0 ~~ControlMiniDash~~ Widget]		Forenthread zum [https://forum.fhem.de/index.php?topic=141857.0 MiniChart Widget]

Schwatter am 7. Dezember 2025 um 17:34 Uhr

2025-12-07T17:34:04Z

← Nächstältere Version		Version vom 7. Dezember 2025, 19:34 Uhr
Zeile 77:		Zeile 77:
	Dies kann mit der Perlfunktion { Svn_GetFile('from SVN Path', 'to local Path') } direkt in der FHEM Kommandozeile erfolgen.		Dies kann mit der Perlfunktion { Svn_GetFile('from SVN Path', 'to local Path') } direkt in der FHEM Kommandozeile erfolgen.

	{ Svn_GetFile('contrib/fhemweb_minichart.js', '~~/fhem/~~www/pgm2/fhemweb_minichart.js') }		{ Svn_GetFile('contrib/fhemweb_minichart.js', 'www/pgm2/fhemweb_minichart.js') }

	==== 2. Widget im Device mit widgetOverride einrichten ====		==== 2. Widget im Device mit widgetOverride einrichten ====

Schwatter am 7. Dezember 2025 um 16:22 Uhr

2025-12-07T16:22:13Z

← Nächstältere Version		Version vom 7. Dezember 2025, 18:22 Uhr
Zeile 77:		Zeile 77:
	Dies kann mit der Perlfunktion { Svn_GetFile('from SVN Path', 'to local Path') } direkt in der FHEM Kommandozeile erfolgen.		Dies kann mit der Perlfunktion { Svn_GetFile('from SVN Path', 'to local Path') } direkt in der FHEM Kommandozeile erfolgen.

	{ Svn_GetFile('contrib~~/schwatter~~/fhemweb_minichart.js', '/fhem/www/pgm2/fhemweb_minichart.js') }		{ Svn_GetFile('contrib/fhemweb_minichart.js', '/fhem/www/pgm2/fhemweb_minichart.js') }

	==== 2. Widget im Device mit widgetOverride einrichten ====		==== 2. Widget im Device mit widgetOverride einrichten ====

Schwatter am 7. Dezember 2025 um 10:57 Uhr

2025-12-07T10:57:39Z

← Nächstältere Version		Version vom 7. Dezember 2025, 12:57 Uhr
Zeile 164:		Zeile 164:
	\|-		\|-
	\| <code>ChartReading</code>		\| <code>ChartReading</code>
	\| Datenquelle		\| Datenquelle
	\| ~~Kommagetrennte Zahlenliste~~ für das ~~Chart~~.		\| Liefert Array-Werte für das Diagramm .
	\|-		\|-
	\| <code>chartType@colorPos@colorNeg</code>		\| <code>chartType@colorPos@colorNeg</code>

Schwatter am 7. Dezember 2025 um 10:51 Uhr

2025-12-07T10:51:49Z

← Nächstältere Version		Version vom 7. Dezember 2025, 12:51 Uhr
Zeile 151:		Zeile 151:
	\| Aktiviert das MiniChart-Widget.		\| Aktiviert das MiniChart-Widget.
	\|-		\|-
	\| <code>~~Label~~@~~Reading~~@~~Einheit~~</code>		\| <code>Label1@Reading1@Einheit1</code>
			\| Anzeigezeilen
			\| Drei frei definierbare Werte-/Statusfelder; mit <code> </code> komplett ausblendbar.
			\|-
			\| <code>Label2@Reading2@Einheit2</code>
			\| Anzeigezeilen
			\| Drei frei definierbare Werte-/Statusfelder; mit <code> </code> komplett ausblendbar.
			\|-
			\| <code>Label3@Reading3@Einheit3</code>
	\| Anzeigezeilen		\| Anzeigezeilen
	\| Drei frei definierbare Werte-/Statusfelder; mit <code> </code> komplett ausblendbar.		\| Drei frei definierbare Werte-/Statusfelder; mit <code> </code> komplett ausblendbar.