Changement des couleurs widget Jauge analogique

bonjour @seraphinou,
en lien avec le tuto ci-dessous, voici pout ta cuve à eau :wink:

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.

image

bonne journée

4 « J'aime »