我正在尝试创建一个每X秒更新一次的实时图表,然后随着时间的推移对其进行绘制。我遇到的问题是,当它绘制点时,点没有连接。这是我到目前为止所做的:
var r = [];
function fetchData() {
var options = {
lines: { show: true },
points: { show: true },
xaxis: { show: false }
};
function doSomething(series)
{
r.push(series);
$.plot($("#xx"), r, options);
}
$.ajax({
url: 'playersonline.php',
method: 'GET',
dataType: 'json',
success: doSomething
});
setTimeout(fetchData, 3000);
}
fetchData();
这是当前输出的样子。 some pic http://screensnapr.com/e/ra6q70.png
答案 0 :(得分:5)
看起来每个点都是一个单独的系列。要连接它们,您需要将所有点放在一个数组中,并将其作为一个系列提供给Flot。
如果你看一下Flot的例子,就会有一个演示单个系列的实时更新。