FTUI3 Chart: Label

[Det20]

Hallo,

ich kann ja im Chart-Label max und sum verwenden (label="$max, $sum)". Gibt es eine Möglichkeit, die Werte noch zu berechnen, also zB aus Watt kW zu machen (/1000). Habe es schon mit / oder | divide versucht, hat leider nicht geklappt. Also, entweder geht es ganz einfach und ich komme nicht drauf. Oder es geht nicht. Wobei ich eher auf 1. tippe

Viele Grüße

[mr_petz]

...Wobei ich eher auf 1. tippe

Leider nicht.
Hier wird in der chart componente vorab berechnet:
https://github.com/knowthelist/ftui/blob/master/www/ftui/components/chart/chart.component.js#L52
und hier gesetzt als Text:
https://github.com/knowthelist/ftui/blob/master/www/ftui/components/chart/chart.component.js#L59

Mache die Umrechnung doch in deinem Device bzw. Fhem.

LG

[Det20]

Danke dir.

[tobi01001]

Guten Morgen,

da ich kürzlich auch darüber gestolpert war:

Ich habe die Daten direkt im chart-data angepasst:

Code Auswählen Erweitern

<ftui-chart-data color="red" type="line"
log="my_lp"
file="history"
label="Grid (min: $min, max: $max, avg: $avg)"
spec="DbLog:myDbLog,predict,extend=60*60*24:myLGESS:gridPower.av:::$val=$val/1000"
point-radius="0"
fill
[update]="myLGESS:gridPower.av"
>
</ftui-chart-data>

Was mir dabei allerdings aufgefallen ist (speziell bei den $avg werten): Im chart widget werden alle Nachkommastellen dargestellt:
https://github.com/knowthelist/ftui/blob/13db8daa62c845c5f83920498850afef7b624fce/www/ftui/components/chart/chart.component.js#L52-L56

Ich habe mir da jetzt so geholfen um auf eine Nachkommastelle zu runden:

Code Auswählen Erweitern

                  resLabel = resLabel.replace(/\$min/g,  Math.round(Math.min(...values)*10)/10);
                  resLabel = resLabel.replace(/\$max/g,  Math.round(Math.max(...values)*10)/10);
                  resLabel = resLabel.replace(/\$sum/g,  Math.round(values.reduce((a, b) => a + b)*10)/10);
                  resLabel = resLabel.replace(/\$avg/g,  Math.round((values.reduce((a, b) => a + b) / values.length)*10)/10);
                  resLabel = resLabel.replace(/\$last/g, Math.round((values[values.length - 1])*10)/10);

Eventuell könnte man das (oder ähnlich) generell ins chart widget übernehmen?

Gruß,
Tobias

[cotecmania]

Gibts für das Runden mittlerweile eine Lösung ?
Habe das selbe Problem ...

[tobi01001]

Gibts für das Runden mittlerweile eine Lösung ?
Habe das selbe Problem ...

Was mir dabei allerdings aufgefallen ist (speziell bei den $avg werten): Im chart widget werden alle Nachkommastellen dargestellt:
https://github.com/knowthelist/ftui/blob/13db8daa62c845c5f83920498850afef7b624fce/www/ftui/components/chart/chart.component.js#L52-L56

Ich habe mir da jetzt so geholfen um auf eine Nachkommastelle zu runden:
Code Auswählen Erweitern

Code Auswählen Erweitern

                  resLabel = resLabel.replace(/\$min/g,  Math.round(Math.min(...values)*10)/10);
                  resLabel = resLabel.replace(/\$max/g,  Math.round(Math.max(...values)*10)/10);
                  resLabel = resLabel.replace(/\$sum/g,  Math.round(values.reduce((a, b) => a + b)*10)/10);
                  resLabel = resLabel.replace(/\$avg/g,  Math.round((values.reduce((a, b) => a + b) / values.length)*10)/10);
                  resLabel = resLabel.replace(/\$last/g, Math.round((values[values.length - 1])*10)/10);
Eventuell könnte man das (oder ähnlich) generell ins chart widget übernehmen?

in /www/ftui/components/chart/chart.component.js ändern?

[Guybrush]

was ist denn einfach mit

Code Auswählen Erweitern

$val=round($val/1000, 1)
? das ist doch perl code der da interpretiert wird oder nicht?