[FTUI 3] Charts

[cruser1800]

Hallo,

ich habe in meiner Datenbank negative Werte und möchte diese aber Positiv darstellen folgender code wie in anderen Charts funktioniert nicht!

Code Auswählen Erweitern

<ftui-chart-data background-color="#d6305650" color="yellow"
                         log="logdb"
file="HISTORY"
                         spec="MQTT2_Shelly_Steckdose_Solar:rpc_params_switch_0_apower | multiply(-1)"
[update]="MQTT2_Shelly_Steckdose_Solar:rpc_params_switch_0_apower:time"
type="line"
label="Solarstrom"
point-radius="0"></ftui-chart-data>
Wie kann man mit Werten in "spec" rechnen?

Danke Lutz

[Guybrush]

mit []

[cruser1800]

Habe es an allen Stellen vor und hinter dem = getestet! Funktioniert nicht!

[yersinia]

Wie kann man mit Werten in "spec" rechnen?

Nach derzeitigem Code-Stand gar nicht. spec nimmt nur die Device-Reading Kombination auf um den Abfrage-String zu generieren - und ist nicht als update-fähige pipe und somit auch ohne pipe-Funktionen definiert (ist in diesem Zusammenhang auch Sinnfrei).
Was spec allerdings aufnimmt, ist das, was das DBLog Modul anbietet: du kannst eine nachträgliche Manipulation zB via regex mitgeben. Siehe in der commandref DBLog (alternativ help DBLog in der FHEM Komamndozeile) unter Get für die Nutzung von SVG-Plots. Otto hatte dazu auch ein Beispiel geteilt.

Um es zu testen, kannst du den Abfrage-String nachbauen und in der FHEM-Befehlstzeile ausführen:

Code Auswählen Erweitern

get logdb HISTORY - 2025-07-22_01:00:00 2025-07-22_08:30:00 MQTT2_Shelly_Steckdose_Solar:rpc_params_switch_0_apower:::$val=~s/([-\d.]+)/$1/egAls Ergebnis solltest du eine Liste von Wertepaaren - Datum_Uhrzeit + Wert - erhalten.
Wenn dann alle negativen Werte in positive umgewandelt werden, dann müsstest du

Code Auswählen Erweitern

spec="MQTT2_Shelly_Steckdose_Solar:rpc_params_switch_0_apower:::$val=~s/([-\d.]+)/$1/eg"setzen können (ungetestet; ggf muss noch was maskiert werden).

[cotecmania]

Kann man in FTUI3-Chart die Achsenbeschriftungen ausblenden ?

[Dracolein]

Kann man in FTUI3-Chart die Achsenbeschriftungen ausblenden ?

Ich hänge eine Frage dran: wie kann man für ausgesuchte (!) Charts die Textgrößen der Achsenbeschriftungen ändern?

[cotecmania]

... und wie kann ich solche endlosen Nachkommastellen verhindern ...

Du darfst diesen Dateianhang nicht ansehen. Du darfst diesen Dateianhang nicht ansehen.

[cotecmania]

Kann man in FTUI3-Chart die Achsenbeschriftungen ausblenden ?

Habs selbst gefunden : no-x und no-y

[grossmaggul]

Hallo,

vielleicht mache ich ja was falsch, aber bei mir rutscht die rechte Achsenbeschriftung eines Charts immer nach links.
Das sieht dann so aus:
Du darfst diesen Dateianhang nicht ansehen.


Das Chart ist in einem Popup und sieht so aus:

Code Auswählen Erweitern

<!-- Popup Thermometer -->
            <ftui-popup id="thermometer" timeout="0">
               
                <!-- Chart Temperaturen -->
                <ftui-chart title="Temperatur/Humidity" unit="day"
                            width="800" height="400"
                            y-label="Temperatur" y1-label="Humidity"
                            y-min="-20" y-max="50"
                            y1-min="0" y1-max="100"
                            y-unit="°C" y1-unit="%">
   
                   
                    <ftui-content file="content/chart_part.html"
                        ueberschrift="Schlafen Außen"
                        chart_type="line"
                        hgfarbe="green"
                        farbe="green"
                        geraet="sz.temp_hum_aussen"
                        reading="temperature"
                        point-radius="0">
                    </ftui-content>
                                       
                    <ftui-content file="content/chart_part.html"
                        ueberschrift="Schlafen Innen"
                        chart_type="line"
                        farbe="red"
                        hgfarbe="red"
                        geraet="sz.temp_hum_innen"
                        reading="temperature"
                        point-radius="0">
                    </ftui-content>
                   
                    <ftui-content file="content/chart_part.html"
                        ueberschrift="Kino Außen"
                        chart_type="line"
                        farbe="blue"
                        hgfarbe="blue"
                        geraet="bz.temp_hum_aussen"
                        reading="temperature"
                        point-radius="0">
                    </ftui-content>
                   
                    <ftui-content file="content/chart_part.html"
                        ueberschrift="Humidity Außen"
                        chart_type="line"
                        farbe="yellow"
                        hgfarbe="yellow"
                        geraet="sz.temp_hum_aussen"
                        reading="humidity"
                        point-radius="0"
                        y-id="1">
                    </ftui-content>
             
                 <ftui-chart-controls units="day,week,month,30d"></ftui-chart-controls>
                </ftui-chart>
            </ftui-popup>Und das content file:

Code Auswählen Erweitern

<ftui-chart-data
    label="{{ueberschrift}}"
    color="{{farbe}}"
    background-color={{hgfarbe}}             
    log="logdb"
    file="history"
    spec="{{geraet}}:{{reading}}"
    point-radius="{{punkt_radius}}"
    type="{{chart_type}}"
    y-axis-id="((y-id))"
    class="semitransparent">
</ftui-chart-data>

Eigentlich sollte doch die Beschriftung der Luftfeuchtigkeit rechts sein und die Werte von 0-100 gehen, nicht 20-140. Außerdem müsste die (gelbe) Linie viel tiefer sein.

Ich habe bestimmt wieder was übersehen.:-/

Das <ftui-chart-controls> funktioniert auch nicht, falsche Stelle?

gm

[grossmaggul]

Hat sich erledigt, nachdem ich die content files rausgeschmissen habe, die in dem Fall sowieso nicht viel bringen, diverse Typos korrigiert habe und

Code Auswählen Erweitern

y-axis-id auf y1 gesetzt hatte, ging es dann. In den Examples: zu den Charts steht fälschlicherweise

Code Auswählen Erweitern

y-axis-d="1" dann passiert genau das, was ich beschrieben habe.