bonjour @seraphinou,
en lien avec le tuto ci-dessous, voici pout ta cuve à eau
widget HTML pour la jauge( hauteur 4 blocks )
<center>
<canvas id=fgtoul1 style="margin-top:15px;" data-type="radial-gauge"
data-value="20"
data-width="200"
data-height="200"
data-bar-width="10"
data-bar-shadow="5"
data-color-bar-progress="rgba(50,200,50,.75)"
data-max-value="3000"
data-min-value="0"
data-major-ticks="0,500,1000,1500,2000,2500,3000"
data-minor-ticks="100"
></canvas>
<script async src="//cdn.rawgit.com/Mikhus/canvas-gauges/gh-pages/download/2.1.5/all/gauge.min.js"/>
widget pour script de mise à jour :
var hauteurEau=(datasources["STATUS_IPX"]["response"]["analog1"] - 13107) * 0.00009536888 *100 ;
var largeurCuve=118; //largeur cuve en cm
var longueurCuve=270; //longueur cuve en cm
//calcul volume Eau
var ve=0;
ve=hauteurEau*largeurCuve*longueurCuve;
ve=(ve/1000).toFixed(0);
var gauge1 = document.gauges.get('fgtoul1');
gauge1.value=ve;
return `
<div>Script de mise à jour des jauges</div>
`;
Pour ta jauge, j’ai choisi un modèle qui n’était pas dans le tuto, afin d’offir un exemple supplémentaire aux lecteurs.
bonne journée