FTUI3 Chart
![]() |
An dieser Seite wird momentan noch gearbeitet. |
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="Energie W" y-unit="kWh" > <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.energy_summary_in" 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.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.energy_summary_out" 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>
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.
- 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 wie im *.gplot-file von FHEM, also <Spalte>:<Regulärer Ausdruck>:<Default>:<Funktion>