html5 趋势图,HTML5 画的简单走势图例子

HTML5 画的简单走势图例子

无标题页

1	1	1	1	0	1
1	0	1	1	1	1
1	1	1	1	1	0
1	0	1	1	1	1

var c=document.getElementById("myCanvas");

var table1  = document.getElementById("testtd");

var  TDS = table1.getElementsByTagName("td");

var cxt2=c.getContext("2d");

cxt2.strokeStyle = 'rgba(255,0,0,0.5)'; //颜色

var icount =0;

for(var i=0; i < TDS.length ; i++)

{

if (TDS[i].innerHTML == "0")

{

var H = TDS[i].offsetHeight/2;

if (icount==0){

cxt2.moveTo(TDS[i].offsetLeft,TDS[i].offsetTop + H) ;

}

else

{

cxt2.lineTo(TDS[i].offsetLeft,TDS[i].offsetTop + H) ;

}

icount = icount +1;

}

}

cxt2.stroke();