je l'adore et convenait parfaitement pour l'affichage de la pression du circuit de ma chaudière.
Malheureusement avec le passage en V3, le refresh ne se fait plus.
J'ai cherché toute l'après midi comment le mettre à jour en vain :/
j'ai cru comprendre que #state# n'était plus utilisé, mais lorsque j'enlève les # il ne fonctionne plus du tout!
Est ce long pour le corriger? surement une âme charitable pourrait me mettre sur la voie svp?
Merci!
Code : Tout sélectionner
<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 = #state#; // YAN: j'ai modifié cette ligne pour avoir une décimale pour la pression de la chaudière était: 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>