Javascript 如何使用Highcharts绘制两个传感器数据值?
我有一些数据,我正在用Highcharts作图,我可以通过使用一些演示代码的修改版本来设置这些数据。当我绘制传感器的一些数据时,该图运行良好。我的代码的相关部分如下所示:Javascript 如何使用Highcharts绘制两个传感器数据值?,javascript,html,highcharts,Javascript,Html,Highcharts,我有一些数据,我正在用Highcharts作图,我可以通过使用一些演示代码的修改版本来设置这些数据。当我绘制传感器的一些数据时,该图运行良好。我的代码的相关部分如下所示: Highcharts.stockChart(‘容器’{ 图表:{ 背景颜色:'透明', 活动:{ 加载:函数(){ var系列=本系列[0]; setInterval(函数(){ 变量x=(新日期()).getTime(), y=数字(getTemp()); 系列。添加点([x,y],真,真); }, 1000); } }
Highcharts.stockChart(‘容器’{
图表:{
背景颜色:'透明',
活动:{
加载:函数(){
var系列=本系列[0];
setInterval(函数(){
变量x=(新日期()).getTime(),
y=数字(getTemp());
系列。添加点([x,y],真,真);
}, 1000);
}
}
},
xAxis:{
键入:“日期时间”,
标签:{
风格:{
},
},
像素间隔:200,
},
亚克斯:{
类型:'线性',
标签:{
y:5,
风格:{
},
},
},
系列:[{
名称:“温度”,
数据:(函数(){
var数据=[],
时间=(新日期()).getTime(),
我
对于(i=-200;i首先,您需要在图表配置对象中创建两个系列:
Highcharts.stockChart('container', {
...,
series: [{
data: getData()
}, {
data: getData()
}]
});
然后,在load
事件中,您可以对这两个系列使用addPoint
方法:
chart: {
events: {
load: function() {
var series1 = this.series[0],
series2 = this.series[1];
setInterval(function() {
var x = (new Date()).getTime(),
y1 = Number(getTemp()),
y2 = Number(getTemp2());
series1.addPoint([x, y1], false, true);
series2.addPoint([x, y2], true, true);
}, 1000);
}
}
}
现场演示:
API参考:
文档: