var
canvas = document.getElementById('stock-canvas'),
width = canvas.width,
height = canvas.height,
ctx = canvas.getContext('2d'),
max = data[0].high,
min = data[0].low;
ctx.clearRect(0, 0, width, height); // 清除
for (let i of data){ // 计算出最大最小差值
if (max < i.high ){ max = i.high }
if (min > i.low ){ min = i.low }
}
for (let i = 0 ; i < data.length;i++){
pathh.arc(i*10, (max - data[i].high)/2 , 0, Math.PI,Math.PI);
ctx.strokeStyle = '#00ff00';
ctx.stroke(pathh);
pathl.arc(i*10, (max - data[i].low)/2 , 0, Math.PI,Math.PI);
ctx.strokeStyle = '#ff0000';
ctx.stroke(pathl);
Sign in to make a reply
~曉瘋~
var
canvas = document.getElementById('stock-canvas'),
width = canvas.width,
height = canvas.height,
ctx = canvas.getContext('2d'),
max = data[0].high,
min = data[0].low;
ctx.clearRect(0, 0, width, height); // 清除
for (let i of data){ // 计算出最大最小差值
if (max < i.high ){ max = i.high }
if (min > i.low ){ min = i.low }
}
for (let i = 0 ; i < data.length;i++){
pathh.arc(i*10, (max - data[i].high)/2 , 0, Math.PI,Math.PI);
ctx.strokeStyle = '#00ff00';
ctx.stroke(pathh);
pathl.arc(i*10, (max - data[i].low)/2 , 0, Math.PI,Math.PI);
ctx.strokeStyle = '#ff0000';
ctx.stroke(pathl);
}