实时flot图表上的动态x轴?

时间:2015-02-28 20:30:23

标签: javascript jquery charts real-time flot

有没有办法在实时荧光图表上更新x轴?

我想要这样的东西 - > (http://www.flotcharts.org/flot/examples/realtime/index.html) 但正如你所看到的,x轴上没有值..

那么,有没有办法在图表移动时移动x轴值?

提前致谢!

1 个答案:

答案 0 :(得分:3)

首先需要显示x轴:

var plot = $.plot("#placeholder", [ getRandomData() ], {
    xaxis: {
        show: true
    }
});

然后在每次数据更新时,您还需要更新网格:

function update() {
    plot.setData([getRandomData()]);
    plot.setupGrid(); // updating the grid
    plot.draw();
    setTimeout(update, updateInterval);
}

例如,检查this plunker