Ma présentation

[Did24]

Bonjour à tous, retraité depuis 2017 j'ai décidé de réaliser mon installation électrique 100% solaire, à ce jour tout est réalisé. Un onduleur Superwatt 5K et 6 batteries pylontech 2000c.
Pas de problème pour interroger mes batteries en version console, un petit problème avec node-red, je ne connais pas le langage html pour afficher mon tableau.
Un grand merci à Jean Luc qui a dépanné la version 3 de smartphoton (bug sur mon fichier image).

[jlm]

Si tu souhaites afficher une image (si j'ai bien compris ta remarque sur le HTML)
il te suffit de capturer l'image, la sauvegarder sur le disque et ensuite la charger avec l'interface web bodybuildé.
Il faut utiliser le gros bouton et non pas le petit marqué "répondre"

   

[Did24]

Bonjour Jean Luc
Mon problème en images : 1 lecture batteries avec minicom
2 réponse batteries sur debugger node-red
3 Affichage dashboard (le problème est là)
4 Sur le template node je n'ai pas de code html.
Faut il écrire le code ?
Merci, bonne journée

[jlm]

Salut, alors le noeud ui_template ne va pas trop t'aider tel que. Il faudrait en effet y passer des commandes HTML pour lui dire de définir des tableaux et ensuite tu lui passes le payload.

Je ne me suis pas lancé dans cette solution (mais c'est clairement une possibilité), j'ai tenté avec le nœud ui_table. En gros après ton nœud Join, tente d'adapter et d'envoyer ton payload dans le flow ci-dessous. Il te faudra clairement l'adapter pour toi.

Je te joins le code que j'ai utilisé pour produire ce tableau. Ça m'a demandé beaucoup d'heures d'apprentissage et de recherches pour arriver à introduire la jauge avec le pourcentage intégré. Alors voilà c'est cadeau :Smiley_20040821172041151:

Ce qui donne ceci en réel:

   

Alors bonne découverte et bonne réussite pour l'intégration !

Code :

[{"id":"16ce29b9d5b06509","type":"change","z":"03b2c8e647d8021c","name":"ui_control","rules":[{"t":"set","p":"ui_control","pt":"msg","to":"{\"tabulator\":{\"columnResized\":\"function(column){    var newColumn = {        field: column._column.field,        visible: column._column.visible,        width: column._column.width,        widthFixed: column._column.widthFixed,        widthStyled: column._column.widthStyled    }; this.send({topic:this.config.topic,ui_control:{callback:'columnResized',columnWidths:newColumn}}); }\",\"columnMoved\":\"function(column, columns){    var newColumns=[];    columns.forEach(function (column) {        newColumns.push({'field': column._column.field});    });    this.send({topic:this.config.topic,ui_control:{callback:'columnMoved',columns:newColumns}}); }\",\"groupHeader\":\"function (value, count, data, group) {return value + \\\"<span style='color:#d00; margin-left:10px;'>(\\\" + count + \\\" Termostat\\\"+((count>1) ? \\\"e\\\" : \\\"\\\") + \\\")</span>\\\";}\",\"columns\":[{\"formatterParams\":{\"target\":\"_blank\",\"min\":0,\"max\":99,\"color\":[\"red\",\"orange\",\"green\"],\"legend\":\"function (value) {return (value>0)? '&nbsp;&nbsp;'+value+' %' : '-';}\",\"legendColor\":\"#DCDCDC\",\"legendAlign\":\"center\"},\"title\":\"SOC\",\"field\":\"SOC\",\"formatter\":\"progress\",\"topCalc\":\"max\",\"width\":155}],\"layout\":\"fitColumns\",\"movableColumns\":true,\"groupBy\":\"\"},\"customHeight\":12}","tot":"json"}],"action":"","property":"","from":"","to":"","reg":false,"x":900,"y":3160,"wires":[["9e6013845a88c683","46773099b6d05a3b"]]},{"id":"9e6013845a88c683","type":"ui_table","z":"03b2c8e647d8021c","group":"08b55a197fb6da2a","name":"Table Bytteries","order":1,"width":16,"height":4,"columns":[{"field":"Batterie_numero","title":"Bat. #","width":"80","align":"center","formatter":"html","formatterParams":{"target":"_blank"}},{"field":"Volt","title":"Volt","width":"80","align":"center","formatter":"plaintext","formatterParams":{"target":"_blank"}},{"field":"Courant","title":"Courant","width":"90","align":"center","formatter":"plaintext","formatterParams":{"target":"_blank"}},{"field":"Puissance","title":"Watt","width":"80","align":"center","formatter":"plaintext","formatterParams":{"target":"_blank"}},{"field":"Temp","title":"Temp °C","width":"90","align":"center","formatter":"plaintext","formatterParams":{"target":"_blank"}},{"field":"Status","title":"Status","width":"90","align":"left","formatter":"plaintext","formatterParams":{"target":"_blank"}},{"field":"Health","title":"Santé","width":"85","align":"left","formatter":"plaintext","formatterParams":{"target":"_blank"}},{"field":"SOC","title":"SOC","width":"150","align":"left","formatter":"progress","formatterParams":{"target":"_blank"}}],"outputs":1,"cts":true,"x":1140,"y":3160,"wires":[["b6a694a8ec4ea803"]]},{"id":"b6a694a8ec4ea803","type":"debug","z":"03b2c8e647d8021c","name":"","active":false,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","statusVal":"","statusType":"auto","x":1150,"y":3200,"wires":[]},{"id":"08b55a197fb6da2a","type":"ui_group","name":"Données Live","tab":"988a249f62084232","order":2,"disp":false,"width":"16","collapse":false,"className":""},{"id":"988a249f62084232","type":"ui_tab","name":"Pylontech","icon":"fa-battery-three-quarters ","order":18,"disabled":false,"hidden":false}]