JavaScript 生成曲线图

作者: 来源:蓝色理想 日期:2010-4-16

引用方法

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 全部选择 提示:您可先修改部分代码,再按运行]

 

相关文章