Javascript Flot图表在图表中显示两条线
我用的是图表。我想多看几行。这个例子( )显示了使用ajax进行的一行更新。在他们的文档中,我添加了两个系列,但没有成功。 `Javascript Flot图表在图表中显示两条线,javascript,html,plot,Javascript,Html,Plot,我用的是图表。我想多看几行。这个例子( )显示了使用ajax进行的一行更新。在他们的文档中,我添加了两个系列,但没有成功。 ` function update() { plot.setData({ data: getRandomData()}, { data: getRandomData2()}); plot.draw(); setTimeout(update, 5000); }
function update() {
plot.setData({ data: getRandomData()},
{ data: getRandomData2()});
plot.draw();
setTimeout(update, 5000);
}
我的源代码与上面的示例相同,我还编写了与gtRandomData()相同的getRandomdata2()方法
请告诉我问题出在哪里?我想知道show2行类似于您如何调用getRandomData2?您是否将数据传递到
plot.setData
?@AnthonyKong。我更新了我的问题。请检查update()方法(我认为setData()方法应该更改..)方法调用。我修改了代码并重试,仍然不起作用..有一次我调用了set data方法函数update(){plot.setData([{data:getRandomData()},{data:getRandomData2()}]);plot.draw();setTimeout(update,5000);}它起作用了..@Anthony Kong。对感谢您对“plot.setData”的指导,我在我的示例中做了非常相同的调整,但是,看起来这两个系列在ghaphics中是“匹配”的。有人知道会出什么问题吗?
function getRandomData2() {
if (data.length > 0)
data2 = data.slice(1);
while (data2.length < totalPoints) {
var prev = data2.length > 0 ? data2[data2.length - 1] : 50,
z =Math.floor((Math.random() * 100) + 1);;
if (z < 0) {
y = 0;
} else if (z > 50) {
z = 100;
}
data2.push(z);
}
var res = [];
for (var i = 0; i < data2.length; ++i) {
res.push([i, data2[i]]);
console.log('data : '+data2[i]);
}
return res;
}
var plot = $.plot("#placeholder", [
{ data: getRandomData()},
{ data: getRandomData2()}
], {
series: {
shadowSize: 0 // Drawing is faster without shadows
},
yaxis: {
min: 0,
max: 100
},
xaxis: {
show: false
}
});