Werte in Tabelle formatieren

decnet

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

haus-automatisierung

@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?

decnet

@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

haus-automatisierung

@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

paul53

@decnet sagte: ALIAS eine Lösung, das habe ich aber nicht verstanden.

Alias mit Lesekonvertierung wäre eine Lösung. Doku zu Alias.
Beispiel:

decnet

@paul53

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

decnet

@haus-automatisierung

So sieht die Tabelle im VIS:
Screenshot 2023-12-05 161620.jpg

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&auml;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&uuml;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&uuml;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>

paul53

@decnet sagte: "parseFloat(val).toFixed(2)"

".toFixed(2)" wandelt in einen String. Für Zahlen mit max. zwei Nachkommastellen:

Math.round(val * 100) / 100

Mein Beispiel oben wandelt Wh in kWh mit zwei Nachkommastellen.

Community Forum

NEWS

Werte in Tabelle formatieren

Support us

692

32.7k

82.4k

1.3m