Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用Highcharts绘制两个传感器数据值?_Javascript_Html_Highcharts - Fatal编程技术网

Javascript 如何使用Highcharts绘制两个传感器数据值?

Javascript 如何使用Highcharts绘制两个传感器数据值?,javascript,html,highcharts,Javascript,Html,Highcharts,我有一些数据,我正在用Highcharts作图,我可以通过使用一些演示代码的修改版本来设置这些数据。当我绘制传感器的一些数据时,该图运行良好。我的代码的相关部分如下所示: Highcharts.stockChart(‘容器’{ 图表:{ 背景颜色:'透明', 活动:{ 加载:函数(){ var系列=本系列[0]; setInterval(函数(){ 变量x=(新日期()).getTime(), y=数字(getTemp()); 系列。添加点([x,y],真,真); }, 1000); } }

我有一些数据,我正在用Highcharts作图,我可以通过使用一些演示代码的修改版本来设置这些数据。当我绘制传感器的一些数据时,该图运行良好。我的代码的相关部分如下所示:


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参考:

文档: