Bonjour, j’ai ce code que j’ai récupéré, je ne sais où et depuis je ne sais combien de temps … pour un widget de type jauge.
Je l’apprécie énormément, cependant, étant en V3 sa valeur n’est plus actualisée (mise à jour) sur la version 4 de jeedom depuis que j’y ai migré.
Après avoir cherché ci et là pendant quelques jours, sans réel résultat, heu… j’ai juste compris qu’il fallait sûrement ajouter quelques lignes de codes du type : jeedom.cmd.update[‹ #id# ›](… mais malheureusement je suis trop nul pour y comprendre quelque chose ! Mes maigres essais sont restés infructueux.
Si une âme charitable voulait bien m’aider, ce serait vraiment sympa, j’adore ce widget, mais je suis bien obligé d’avouer qu’il est pénible de rafraîchir un plan pour voir évoluer sa valeur.
<div style="width:125px;height:60px;" class="cmd #history# tooltips cmd-widget container-fluid" data-type="info" data-subtype="numeric" data-cmd_id="#id#" title="#collectDate#">
<canvas id="myCanvas#id#" width="125px" height="60px"></canvas>
<script>
var canvas = document.getElementById('myCanvas#id#');
var context = canvas.getContext('2d');
var x = 55;
var y = 60;
var radius = 45;
var startAngle = 1.0 * Math.PI;
//compute the size (between 0 and 1.0)
var size = (#state# - #minValue#) * (1.0/(#maxValue# - #minValue#));
var endAngle = (1+size) * Math.PI;
var counterClockwise = false;
context.beginPath();
context.arc(x, y, radius, startAngle, endAngle, counterClockwise);
context.lineWidth = 17;
var puissance = Math.round('#state#');
context.fillStyle = 'white'; // couleur de la valeur et de l'unité
context.font = "18px Arial"; // police de la valeur
context.fillText(puissance,27,59); // position de la valeur
context.font = "13px Arial"; // police de l'unitée
context.fillText("#unite#",72,59); // position de l'unité
// line color
// add linear gradient
var grad=context.createLinearGradient(0,0,170,0);
grad.addColorStop(0,'#00FF21'); // vert
grad.addColorStop(0.1,'#FFF426'); // jaune
grad.addColorStop(0.25,'#FF6A00'); // orange
grad.addColorStop(0.5,'#FF0000'); // rouge
context.strokeStyle = grad;
context.stroke();
context.closePath();
</script>
</div>