Werte in Tabelle formatieren
-
Hallo,
ich komme nicht weiter. Ich möchte eine größere Menge von Werten in VIS darstellen. Dazu habe ich eine HTML-Tabelle erstellt. Das Problem ist jetzt, das ähnliche Werte aus unterschiedlichen Quellen verschieden formatiert sind. So gibt es Werte mit unterschiedlicher Nachkomma-Anzahl bzw. falscher Einheit z.B. KWh und Wh.
Wie kann ich die Daten schon im System korrigieren und nicht erst im VIS?LG
Lutz -
@decnet sagte in Werte in Tabelle formatieren:
Wie kann ich die Daten schon im System korrigieren und nicht erst im VIS?
Die Daten zeigen wäre ein Anfang
Wie soll man so helfen? -
@haus-automatisierung sagte in Werte in Tabelle formatieren:
Die Daten zeigen wäre ein Anfang
Wie soll man so helfen?Es geht um die Formatierung von Datenpunkten. Da ist es aus meiner Sicht doch egal, wo sie herkommen. Vielleicht wäre der ALIAS eine Lösung, das habe ich aber nicht verstanden.
Beim Bildhochladen bring er heute leider eine Fehlermeldung.
LG
Lutz -
@decnet Naja Du könntest das auf 100 Wege machen. Direkt beim zusammenbauen der HTML-Tabelle geht ja auch. Aber konkret helfen wird so schwierig
-
@decnet sagte: ALIAS eine Lösung, das habe ich aber nicht verstanden.
Alias mit Lesekonvertierung wäre eine Lösung. Doku zu Alias.
Beispiel:
-
Na, das sieht doch schon mal ganz gut aus. Welche Befehle kann man bei fx eintragen? Macht aber viel Arbeit, alle Datenpunkte anzulegen.
Danke !!!
LG
Lutz -
So sieht die Tabelle im VIS:
Unten steht der Code dazu. Ist mein erster Versuch in HTML, erschlagt mich bitte nicht. Wie kann ich die Zahlen in den Zellen formatieren? Ich habe dieses Stück JS im Internet gefunden "parseFloat(val).toFixed(2)", damit konnte ich die Werte im ALIAS formatieren, auch wenn der Adapter zurerst Fehler beim reinkopieren angezeigt hat. Kann man das auch in die Tabelle bringen?
LG
Lutz<html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title></title> </head> <body> <table border="1" cellspacing="0"> <colgroup span="10" width="171"></colgroup> <tbody> <tr> <td style="border: 1px solid rgb(0, 0, 0);" align="left" height="42"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">aktuell</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">heute</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">gestern</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">Woche</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">letzte Woche</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">Monat</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">letzter Monat</font></td> <td style="border: 1px solid rgb(0, 0, 0);" sdval="2024" sdnum="1031;" align="right"><font color="#000000">2024</font></td> <td style="border: 1px solid rgb(0, 0, 0);" sdval="2023" sdnum="1031;" align="right"><font color="#000000">2023</font></td> </tr> <tr> <td style="border: 1px solid rgb(0, 0, 0);" align="left" height="42"><font color="#000000">Netz Haus EV</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">{0_userdata.0.Solar.Summe_rein_raus}</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">{statistics.0.temp.sumDelta.discovergy.0.62274356.energy.day}</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">{statistics.0.save.sumDelta.discovergy.0.62274356.energy.day}</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">{statistics.0.temp.sumDelta.discovergy.0.62274356.energy.week}</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">{statistics.0.save.sumDelta.discovergy.0.62274356.energy.week}</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">{statistics.0.temp.sumDelta.discovergy.0.62274356.energy.month}</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">{statistics.0.save.sumDelta.discovergy.0.62274356.energy.month}</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">{statistics.0.temp.sumDelta.discovergy.0.62274356.energy.year}</font></td> </tr> <tr> <td style="border: 1px solid rgb(0, 0, 0);" align="left" height="42"><font color="#000000">Netz Haus Zähler</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">{modbus.1.inputRegisters.30053_Gesamt_Leistung}</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">{statistics.0.temp.sumDelta.modbus.1.inputRegisters.30343_Total_kwh.day}</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">{statistics.0.save.sumDelta.modbus.1.inputRegisters.30343_Total_kwh.day}</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">{statistics.0.temp.sumDelta.modbus.1.inputRegisters.30343_Total_kwh.week}</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">{statistics.0.save.sumDelta.modbus.1.inputRegisters.30343_Total_kwh.week}</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">{statistics.0.temp.sumDelta.modbus.1.inputRegisters.30343_Total_kwh.month}</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">{statistics.0.save.sumDelta.modbus.1.inputRegisters.30343_Total_kwh.month}</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000">{statistics.0.temp.sumDelta.modbus.1.inputRegisters.30343_Total_kwh.year}</font></td> </tr> <tr> <td style="border: 1px solid rgb(0, 0, 0);" align="left" height="42"><font color="#000000">Gas-Heizung</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> </tr> <tr> <td style="border: 1px solid rgb(0, 0, 0);" align="left" height="42"><font color="#000000">Technik</font></td> <td style="border: 1px solid rgb(0, 0, 0); text-align: left;"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> </tr> <tr> <td style="border: 1px solid rgb(0, 0, 0);" align="left" height="42"><font color="#000000">Büro</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> </tr> <tr> <td style="border: 1px solid rgb(0, 0, 0);" align="left" height="42"><font color="#000000">Fernseher</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> </tr> <tr> <td style="border: 1px solid rgb(0, 0, 0);" align="left" height="42"><font color="#000000">Gefrierschrank</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> </tr> <tr> <td style="border: 1px solid rgb(0, 0, 0);" align="left" height="42"><font color="#000000">Aquarium</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> </tr> <tr> <td style="border: 1px solid rgb(0, 0, 0);" align="left" height="42"><font color="#000000">Waschmaschiene</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> </tr> <tr> <td style="border: 1px solid rgb(0, 0, 0);" align="left" height="42"><font color="#000000">Licht Werksatt</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> </tr> <tr> <td style="border: 1px solid rgb(0, 0, 0);" align="left" height="42"><font color="#000000">Licht Waschküche</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> </tr> <tr> <td style="border: 1px solid rgb(0, 0, 0);" align="left" height="42"><font color="#000000">Heizung Banane</font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> <td style="border: 1px solid rgb(0, 0, 0);" align="left"><font color="#000000"><br> </font></td> </tr> </tbody> </table> </body> </html> -
@decnet sagte: "parseFloat(val).toFixed(2)"
".toFixed(2)" wandelt in einen String. Für Zahlen mit max. zwei Nachkommastellen:
Math.round(val * 100) / 100Mein Beispiel oben wandelt Wh in kWh mit zwei Nachkommastellen.
