PiFrame/monit-dashboard
PiFrame/monit-dashboard
1
0
Fork 0
Code Issues Pull requests Releases Activity

update vars inside draw

Browse source
This commit is contained in:
saravanan30erd 2019-10-25 17:05:29 +04:00
parent 0134cc42bb
commit 35520528e4
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
static/monit-dashboard.js
View file

@ -10,11 +10,11 @@ for (i = 0; i < acc.length; i++) {
function draw(rate) { function draw(rate) {
console.log(rate) console.log(rate)
var green = (rate['green']*2)/100; var percentage = [rate['green'], rate['red']];
var red = (rate['red']*2)/100; var green = (percentage[0]*2)/100;
var red = (percentage[1]*2)/100;
var canvas = document.getElementById("canvas"); var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d"); var ctx = canvas.getContext("2d");
var colors = ['#40ff00', '#ff0000']; var colors = ['#40ff00', '#ff0000'];
var angles = [Math.PI * green, Math.PI * red]; var angles = [Math.PI * green, Math.PI * red];
var offset = 0; var offset = 0;
@ -28,7 +28,9 @@ function draw(rate) {
medianAngle = (endAngle + beginAngle) / 2; medianAngle = (endAngle + beginAngle) / 2;
offsetX = Math.cos(medianAngle) * offset; offsetX = Math.cos(medianAngle) * offset;
offsetY = Math.sin(medianAngle) * offset; offsetY = Math.sin(medianAngle) * offset;
ctx.beginPath(); ctx.beginPath();
ctx.fillStyle = colors[i % colors.length]; ctx.fillStyle = colors[i % colors.length];
ctx.moveTo(200 + offsetX, 200 + offsetY); ctx.moveTo(200 + offsetX, 200 + offsetY);
ctx.arc(200 + offsetX, 200 + offsetY, 120, beginAngle, endAngle); ctx.arc(200 + offsetX, 200 + offsetY, 120, beginAngle, endAngle);