如何删除js动态曲线图生成的点和线

xingkonghj 2009-10-18 02:52:21
用js绘图,每个一段时间取出一些数据绘制图,(这里是随机数),用setInterval刷新,但是先前的点和线还存留,有没有办法删除,或者有别的更好绘图方法。代码参考:http://www.freeage.cn/article.asp?id=91


<script language="javascript">

//建立曲线对象
var vc = new VMLCurve(document.all.curve);

//设置X坐标值,从左至右
vc.configXValue = new Array('1','2','3','4','5','6','7','8','9','10','11','12');

//设置Y坐标轴
vc.configYPerValue = 100;
vc.configYMinValue = 100;
//vc.configYValue = new Array(100,200,300,400,500,600,700,800,900,1000);
vc.init("vc","曲线图");


setInterval (function(){
//用数组设置点的横纵标值及提示信息
var xValueArr = new Array(1,2,3,4,5,6,7,8,9,10,11,12); //X轴数据,
intvalue=10*Math.round(Math.random()*10); //可基本均衡获取0到10的随机整数,其中获取最小值0和最大值10的几率少一半。

var yValueArr = new Array(intvalue+10,intvalue+20,intvalue+30,intvalue+40,intvalue+50,intvalue+60,intvalue+70,intvalue+80,intvalue+90,intvalue+100,intvalue+110,intvalue+120); //Y轴数据
var sValueArr = new Array('第1个点','第2个点','第3个点','第4个点','第5个点','第6个点','第7个点','第8个点','第9个点','第10个点','第11个点','第12个点'); //提示信息
//设置圆点的属性
vc.setPointsProp(5,1,'#FF6600','#FF6600');

vc.setPointsValue(xValueArr,yValueArr,sValueArr);
},1000)


</script>



本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/xingkonghj/archive/2009/10/17/4689574.aspx
...全文
177 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
xulu286880921 2011-07-28
  • 打赏
  • 举报
回复
关注~~~~
sy00281 2009-10-23
  • 打赏
  • 举报
回复
关注~~~~

21,890

社区成员

发帖
与我相关
我的任务
社区描述
从PHP安装配置,PHP入门,PHP基础到PHP应用
社区管理员
  • 基础编程社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧