基于svg的实时监控曲线的实现

     最近研究了一下用svg来代替applet完成实时曲线的监控,与ajax结合可以提高效率和突破防火墙的控制,并且可以减少网络传输量.

    为了完成演示的效果,把源代码总的ajax部分省略调,解压就可以在IE中看演示效果,当然需要安装SVG viewer.

 

用户可以更改lib.js的如下参数改变图形位置,曲线条数,坐标,线段条数以及颜色等等

 //X width 网格区域宽度
var rdwid=800;
// Y width 网格区域高度
var rdhei=400;
// 原点横坐标
var centerX=40;
//原点纵坐标
var centerY=rdhei+30;
var maxLineNum=60;//60条小线段，拥有61个点
var trendStrokeArray=new Array("#ff0000", "#00ff00", "#0000ff", "#ffd700", "#ff00ff", "#00ffff",
"#8b0000", "#000000");
var trendNum=2;//曲线条数为8
var maxValue=100;// 最大数
var minValue=-100;// 最小数
var yMaxText=100;
var yMinText=-100;

 

下载地址:

http://download.csdn.net/source/1184066