Discuss / JavaScript / 如何使线在矩形的下面

如何使线在矩形的下面

Topic source

我觉得啊

#1 Created at ... [Delete] [Delete and Lock User]

//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);
    };

  • 1

Reply