用jQuery开发动态生成图表的方法
复制代码代码如下所示:$(函数(){())
$(文档)Ready(函数(){)
highcharts.setoptions({
全球:{
UseUTC:假
}
});
Var chart;
$(#容器)。Highcharts({
图:{
类型:'spline,
动画:动画highcharts.svg,旧IE / /不
MarginRight:10,
事件:{
加载:函数(){
每秒钟建立一次更新图表
var系列=。系列{ 0 };
setInterval(){()函数(
var = X(新)(日期)(。时间),电流/时间
Y = Math.random();
series.addpoint({x,y},真的,真的);
},1000);
}
}
},
标题:{
正文:实时随机数据
},
XAxis:{
类型:'datetime,
tickpixelinterval:150
},
YAxis:{
标题:{
正文:币值
},
故事情节:{ {
值:0,
宽度:1,
颜色:# 808080
} }
},
提示:{
格式:函数(){
返回这个系列。名称+ ++
highcharts.dateformat(% y %M - %:% H M:%s。x)++
(这highcharts.numberformat。Y,2);
}
},
传说:{
启用:假
},
出口:{
启用:假
},
系列:{
名称:随机数据,
数据:(函数){()
一个随机数据数组
var数据{ },
时间=(新的日期()GetTime()),
我;
对于(i = 19;i < 0;i + +){
Data.push({
x:时间+ i * 1000,
Y:Math.random()
});
}
返回数据;
})
} }
});
});
});