html生成曲线图
我有一组数据横坐标是0-6(分为1、2、3、4、5、6),纵坐标是0-60。
数据为 1(38)、2(39)、3(37)、4(34)、5(33)、6(40)。
例如1(38) 就是横坐标为1的纵坐标值为38。
想把这组数据通过html用曲线图的形式表示出来。
小弟初学,请给出代码。线等
[解决办法]
<script>
function myload()
{
str="1(38),2(39),3(37),4(34),5(33),6(40),7(39),8(37),9(36),10(37),11(39),12(40)";
for(i=0;i<str.split(",").length;i++)
{
x=str.split(",")[i].split("(")[0];
y=str.split(",")[i].split("(")[1].split(")")[0];
point=document.createElement("div");
point.style.position='absolute';
point.style.left=x;
point.style.top=y;
point.style.width="1px";
point.style.height="1px";
point.style.overflow="hidden";
point.style.background="red";
document.getElementById("paint").appendChild(point);
}
}
</script>
<body onload=myload()>
<div id="paint"></div>