FTUI3 Chart - Versionsgeschichte

TomLee: unit Attribut ergänzt

2026-04-03T12:33:48Z

unit Attribut ergänzt

← Nächstältere Version		Version vom 3. April 2026, 14:33 Uhr
Zeile 22:		Zeile 22:
	*y1-label: Achsenbeschriftung für die 2. vertikale Achse		*y1-label: Achsenbeschriftung für die 2. vertikale Achse
	*y1-unit: Einheiten für die 2. vertikale Achse		*y1-unit: Einheiten für die 2. vertikale Achse
			*unit: Zeitachse des Charts (Werte: hour, day, week, month, year, 24h, 30d)

	==Attribute von ftui-chart-data==		==Attribute von ftui-chart-data==

Pahenning am 19. Februar 2025 um 09:35 Uhr

2025-02-19T09:35:33Z

← Nächstältere Version		Version vom 19. Februar 2025, 11:35 Uhr
Zeile 15:		Zeile 15:
	<ftui-chart-data label="Upload" color="gray" log="EnergieD" spec="7:PowerFlow.energy_summary_in" point-radius="0" border-width="3"></ftui-chart-data>		<ftui-chart-data label="Upload" color="gray" log="EnergieD" spec="7:PowerFlow.energy_summary_in" point-radius="0" border-width="3"></ftui-chart-data>
	</ftui-chart>		</ftui-chart>
	[[File:Ftui3.-chart-1.png \|800px]]		[[File:Ftui3-chart-1.png \|800px]]


	==Attribute von ftui-chart==		==Attribute von ftui-chart==

Pahenning am 19. Februar 2025 um 09:34 Uhr

2025-02-19T09:34:30Z

← Nächstältere Version		Version vom 19. Februar 2025, 11:34 Uhr
Zeile 15:		Zeile 15:
	<ftui-chart-data label="Upload" color="gray" log="EnergieD" spec="7:PowerFlow.energy_summary_in" point-radius="0" border-width="3"></ftui-chart-data>		<ftui-chart-data label="Upload" color="gray" log="EnergieD" spec="7:PowerFlow.energy_summary_in" point-radius="0" border-width="3"></ftui-chart-data>
	</ftui-chart>		</ftui-chart>
			[[File:Ftui3.-chart-1.png \|800px]]

Pahenning am 19. Februar 2025 um 09:31 Uhr

2025-02-19T09:31:38Z

← Nächstältere Version		Version vom 19. Februar 2025, 11:31 Uhr
Zeile 2:		Zeile 2:


	Mit dem Chart-Widget können in FTUI3 komplexe Diagramme erstellt werden. Die Spezifikation erfolgt analog zur Spezifikation in FHEM.		Mit dem Chart-Widget können in FTUI3 komplexe Diagramme erstellt werden. Die Spezifikation erfolgt analog zur Spezifikation in FHEM. In einem Diagramm - definiert durch das Element <ftui-chart> - können beliebig viele Datensätze dargestellt werden. Für jeden Datensatz muss dabei ein Element <ftui-chart-data> angegeben werden. Beispiel:

	<ftui-chart y-label="~~Leistung P~~" y-unit="kW" >		<ftui-chart y-label="Energie W" y-unit="kWh" >
	<ftui-chart-data label="PV1" color="red" log="EnergieD" spec="9:nt5000.reading" point-radius="0" border-width="3"></ftui-chart-data>		<ftui-chart-data label="PV1" color="red" log="EnergieD" spec="12:nt5000.reading" point-radius="0" border-width="3"></ftui-chart-data>
	<ftui-chart-data label="PV2" color="pink" log="EnergieD" spec="5:PowerFlow.~~power_summary_in~~" point-radius="0" border-width="3"></ftui-chart-data>		<ftui-chart-data label="PV2" color="pink" log="EnergieD" spec="5:PowerFlow.energy_summary_in" point-radius="0" border-width="3"></ftui-chart-data>
	<ftui-chart-data label="Speicher" color="green" log="EnergieD" spec="4:PowerFlow.~~power_summary_in::-$fld[3]~~" point-radius="0" border-width="3"></ftui-chart-data>		<ftui-chart-data label="Speicher" color="green" log="EnergieD" spec="4:PowerFlow.energy_summary_out" point-radius="0" border-width="3"></ftui-chart-data>
	<ftui-chart-data color="green" log="EnergieD" spec="4:PowerFlow.~~power_summary_out~~" point-radius="0" ~~border~~-~~width~~="3"></ftui-chart-data>		<ftui-chart-data color="green" log="EnergieD" spec="4:PowerFlow.battery_SOC::$fld[3]*10.24/100" point-radius="0"></ftui-chart-data>
	<ftui-chart-data label="Haus" color="white" log="EnergieD" spec="6:PowerFlow.~~power_summary_out~~" point-radius="0" border-width="3"></ftui-chart-data>		<!--ftui-chart-data color="green" log="EnergieD" spec="4:PowerFlow.energy_summary_in::-$fld[3]" point-radius="0"></ftui-chart-data-->
	<ftui-chart-data label="Wallbox" color="yellow" log="EnergieD" spec="5:PowerFlow.~~power_summary_out~~" point-radius="0" border-width="3"></ftui-chart-data>		<ftui-chart-data label="Haus" color="white" log="EnergieD" spec="6:PowerFlow.energy_summary_out" point-radius="0" border-width="3"></ftui-chart-data>
	<ftui-chart-data label="Grid" color="blue" log="EnergieD" spec="6:PowerFlow.~~power_summary_in~~" point-radius="0" border-width="3"></ftui-chart-data>		<ftui-chart-data label="Wallbox" color="yellow" log="EnergieD" spec="5:PowerFlow.energy_summary_out" point-radius="0" border-width="3"></ftui-chart-data>
			<ftui-chart-data label="Grid" color="blue" log="EnergieD" spec="6:PowerFlow.energy_summary_in" point-radius="0" border-width="3"></ftui-chart-data>
			<ftui-chart-data label="Upload" color="gray" log="EnergieD" spec="7:PowerFlow.energy_summary_in" point-radius="0" border-width="3"></ftui-chart-data>
	</ftui-chart>		</ftui-chart>



			==Attribute von ftui-chart==
			*y-label: Achsenbeschriftung für die erste vertikale Achse
			*y-unit: Einheiten für die erste vertikale Achse
			*y1-label: Achsenbeschriftung für die 2. vertikale Achse
			*y1-unit: Einheiten für die 2. vertikale Achse

			==Attribute von ftui-chart-data==
	*label: Bezeichnung der Daten in der Legende. Fehlt dieses Attribut, erfolgt kein Eintrag in die Legende.		*label: Bezeichnung der Daten in der Legende. Fehlt dieses Attribut, erfolgt kein Eintrag in die Legende.
	*color: Farbe der Daten. Achtung, hier können nur die benannten Farben von FTUI3 verwendet werden.		*color: Farbe der Daten. Achtung, hier können nur die benannten Farben von FTUI3 verwendet werden.
Zeile 20:		Zeile 31:

	*log: Name des FHEM-Device für das Logging der Daten		*log: Name des FHEM-Device für das Logging der Daten
	spec: Datenspezifikation ~~wir~~ im .gplot-file von FHEM		spec: Datenspezifikation wie im .gplot-file von FHEM, also <Spalte>:<Regulärer Ausdruck>:<Default>:<Funktion>

	[[Kategorie:FHEM Tablet UI V3]]		[[Kategorie:FHEM Tablet UI V3]]

Pahenning: Die Seite wurde neu angelegt: „{{Baustelle}} Mit dem Chart-Widget können in FTUI3 komplexe Diagramme erstellt werden. Die Spezifikation erfolgt analog zur Spezifikation in FHEM.
2025-02-19T09:22:40Z

Die Seite wurde neu angelegt: „{{Baustelle}} Mit dem Chart-Widget können in FTUI3 komplexe Diagramme erstellt werden. Die Spezifikation erfolgt analog zur Spezifikation in FHEM. <ftui-chart y-label="Leistung P" y-unit="kW" > <ftui-chart-data label="PV1" color="red" log="EnergieD" spec="9:nt5000.reading" point-radius="0" border-width="3"></ftui-chart-data> <ftui-chart-data label="PV2" color="pink" log="EnergieD" spec="5:PowerFlow.power_summary_in" point-radi…“

Neue Seite
{{Baustelle}}

Mit dem Chart-Widget können in FTUI3 komplexe Diagramme erstellt werden. Die Spezifikation erfolgt analog zur Spezifikation in FHEM.

<ftui-chart y-label="Leistung P" y-unit="kW" >
<ftui-chart-data label="PV1" color="red" log="EnergieD" spec="9:nt5000.reading" point-radius="0" border-width="3"></ftui-chart-data>
<ftui-chart-data label="PV2" color="pink" log="EnergieD" spec="5:PowerFlow.power_summary_in" point-radius="0" border-width="3"></ftui-chart-data>
<ftui-chart-data label="Speicher" color="green" log="EnergieD" spec="4:PowerFlow.power_summary_in::-$fld[3]" point-radius="0" border-width="3"></ftui-chart-data>
<ftui-chart-data color="green" log="EnergieD" spec="4:PowerFlow.power_summary_out" point-radius="0" border-width="3"></ftui-chart-data>
<ftui-chart-data label="Haus" color="white" log="EnergieD" spec="6:PowerFlow.power_summary_out" point-radius="0" border-width="3"></ftui-chart-data>
<ftui-chart-data label="Wallbox" color="yellow" log="EnergieD" spec="5:PowerFlow.power_summary_out" point-radius="0" border-width="3"></ftui-chart-data>
<ftui-chart-data label="Grid" color="blue" log="EnergieD" spec="6:PowerFlow.power_summary_in" point-radius="0" border-width="3"></ftui-chart-data>
</ftui-chart>

label: Bezeichnung der Daten in der Legende. Fehlt dieses Attribut, erfolgt kein Eintrag in die Legende.
color: Farbe der Daten. Achtung, hier können nur die benannten Farben von FTUI3 verwendet werden.
point-radius: Radius der Punkte für die Daten. Ist dieser Wert 0, werden keine Punkte gezeichnet.
border-width: Breite der Linien für die Daten. Default-Wert ist 1

log: Name des FHEM-Device für das Logging der Daten
spec: Datenspezifikation wir im *.gplot-file von FHEM

[[Kategorie:FHEM Tablet UI V3]]