javascript - 实时图表上的动态 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例如。