javascript - 使用实时值更新图表,添加第二行
问题描述
我正在尝试在我的图表中添加第二行,但我似乎无法正确添加该行。我的第一行使用 ajax 查询获得了新点,并且添加得很好。当我尝试在同一个图表中添加第二条线时,我确实被添加到了图例中,但它没有绘制在我的图表上。这是我的代码
var series = this.series[0];
var series1 = this.series[1];
setInterval(function () {
$.getJSON('http://10.175.129.10/output_file.json', function(data)
{
pp_time_offset_value =`${(data[0].pp_time_offset )}`
var par = parseInt(pp_time_offset_value);
time_offset_value =`${(data[0].time_offset )}`
var par2 = parseInt(time_offset_value);
var x = (new Date()).getTime(); // current time
//y = par;#
<!-- y= Math.random() * (500 - 200) + 200 -->
series.addPoint([x, par,par2], true, true);
//series.addPoint([x, ], true, true);
console.log( par2);
});
}, 1000);
}
}
},
exporting: {
enabled: false
},
series: [{
name: 'pp_time_offset',
data: (function () {
yyy=2;
//yyy =`${(data[0].graph_value )}`
// generate an aray of random data
var data = [],
time = (new Date()).getTime(),
i;
for (i = -60; i <= 0; i ++) {
data.push({
x: time + i * 500,
// y: Math.random() * (-15000 - 00) + 200
});
}
return data;
}())
},
{
name: 'time offset',
data: (function () {
yyy=2;
//yyy =`${(data[0].graph_value )}`
// generate an aray of random data
var data = [],
time = (new Date()).getTime(),
i;
for (i = -60; i <= 0; i ++) {
data.push({
x: time + i * 500,
// y: Math.random() * (-15000 - 00) + 200
});
}
return data;
}())
}]
});
解决方案
好的,问题解决了,问题是我将新行分配给旧数据并覆盖它。解决方案
var series = this.series[0];
var series1 = this.series[1];
setInterval(function () {
$.getJSON('http://10.175.129.10/output_file.json', function(data)
{
pp_time_offset_value =`${(data[0].pp_time_offset )}`
var par = parseInt(pp_time_offset_value);
time_offset_value =`${(data[0].time_offset )}`
var par2 = parseInt(time_offset_value);
var x = (new Date()).getTime(); // current time
//y = par;#
<!-- y= Math.random() * (500 - 200) + 200 -->
series.addPoint([x, par], true, true);
series1.addPoint([x,par2], true, true);
console.log( par2);
});
}, 1000);
}
}
},
推荐阅读
- python - 从向量和 np.roll 中减去向量在 Python 中的结果
- javascript - 引导工具提示不适用于我的 Web 项目
- android - 使用公共交通工具的两地之间的时间
- c# - OxyPlot MajorStep 总是从 0 开始?
- python - python中的高效搜索算法可在excel工作簿的所有工作表中搜索字符串并返回匹配的工作表编号
- php - 博特曼没有回复
- jquery - 用jquery创建迭代淡入淡出函数的最有效方法是什么
- windows - 如果没有用户登录,则无法通过 Jenkins 运行 COM 应用程序
- java - Jedis 扫描未找到任何密钥
- javascript - 获取元素的所有数据属性及其在jquery中的值