实时图表上的动态 x 轴？

Question

有没有办法更新实时图表上的 x 轴？

我想要这样的东西 -> (http://www.flotcharts.org/flot/examples/realtime/index.html) 但如您所见，x 轴上没有任何值..

那么，有没有办法在图表移动时移动 x 轴值？

提前致谢！

Answer 1

首先需要显示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。