最近开发彩票分析网站,需要用到js绘制分析曲线图。 参考网上的绘图代码,自己封装了一个绘图类,给大家做一个参考。
引用方法:
new gov.Graphic(par1,par2,par3);
par1 为绘图数据
var data=new period([0,10,22,13,34,25,28,26,30,35,28,34,39,28,26,50,35,28,34,39,55],//y轴数据[188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203, 204,205,206,207,208]//x轴数据 );
par2 为绘图的容器层id
par3 为绘图样式参数,可选参数
默认值: { height:170, //绘图区域高度 maxHeight:50, //y轴最高数值 barDistance:26, //x轴坐标间距 topDistance:0, //上部填充 bottomDistance:0, //底部填充 leftDistance:20, //左部填充 pointWidth:5, //坐标点宽度 pointHeight:5, //坐标点高度 pointColor:"#ff0000", //坐标点颜色 lineColor:"#ffd43a", //连接线颜色 valueWidth:20, //y轴数值宽度 valueColor:"#000", //y轴数值颜色 timeWidth:20, //x轴数值宽度 timeColor:"#000", //x轴数值颜色 disvalue:true, //是否显示y轴数值 distime:true //是否显示x轴数值 }
运行代码框 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
源码下载(点击下载)
经典论坛交流 :http://bbs.blueidea.com/thread-2894005-1-1.html
本文链接:http://www.blueidea.com/tech/web/2009/6562.asp
出处:蓝色理想
责任编辑:bluehearts
◎进入论坛网页制作 、WEB标准化 版块参加讨论,我还想发表评论 。