html生成曲线图解决思路
日期：2014-05-17 浏览次数：20695 次
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>
我有一组数据横坐标是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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
