//add your own code here: ctx.fillText('Test Canvas:K线图('+ data[0].date+'-'+data[data.length-1].date+')', 10, 10); //find max & min: var highest = data[0].high, lowest = data[0].low; for (var i = 1; i < data.length; i++) { if(data[i].high > highest){ highest = data[i].high; } if(data[i].low < lowest){ lowest = data[i].low; } }; highest=Math.ceil(highest/500)500;lowest=Math.floor(lowest/500)500; //alert("highest=" + highest + "; lowest=" + lowest);
for (var i = 0; i < data.length; i++) { ctx.moveTo(width/data.length*(i)+4,(highest-data[i].high)/(highest-lowest)*height); ctx.lineTo(width/data.length*(i)+4,(highest-data[i].low)/(highest-lowest)*height); ctx.lineWidth=0.1; ctx.strokeStyle='black'; ctx.stroke(); if (data[i].open < data[i].close) { ctx.fillStyle='red'; ctx.fillRect(width/data.length*(i),(highest-data[i].close)/(highest-lowest)*height,8,(data[i].close-data[i].open)/(highest-lowest)*height); } else{ //ctx.fillStyle='green'; ctx.strokeStyle='green'; ctx.lineWidth=1; ctx.strokeRect(width/data.length*(i),(highest-data[i].open)/(highest-lowest)*height,8,(data[i].open-data[i].close)/(highest-lowest)*height); };
Sign in to make a reply
我觉得啊
//add your own code here: ctx.fillText('Test Canvas:K线图('+ data[0].date+'-'+data[data.length-1].date+')', 10, 10); //find max & min: var highest = data[0].high, lowest = data[0].low; for (var i = 1; i < data.length; i++) { if(data[i].high > highest){ highest = data[i].high; } if(data[i].low < lowest){ lowest = data[i].low; } }; highest=Math.ceil(highest/500)500;lowest=Math.floor(lowest/500)500; //alert("highest=" + highest + "; lowest=" + lowest);