javascript - 弗洛特JS : Showing only part of the plotted data

Question

我有一个实时流程图，显示在某个时间间隔内更新的比特率值。我对后端执行 API 调用以获取最后 3 分钟并绘制它们。

现在，我想向图表添加可平移功能，以便用户能够向后移动时间。我可以正确设置 xaxis panRange 的限制(收到的第一个值和最后一个值)。这个想法是加载显示最后 3 分钟的页面，但您可以返回。简单。

问题是 flot 正在绘制并显示我从后端获得的每个值，但我找不到任何配置/选项来指定“可见”范围。

虽然我使用缩放来界定图表的可见区域，但需要在每次数据更新时重新计算缩放。

谢谢

Answer 1

您可以使用xaxis.min和 xaxis.max指定可见范围的选项:

var options = {
    xaxis: {
      min: 3,
      max: 5
    }
}

This JSFiddle有一个设置 min 和 max 值的示例，以通过基本缩放和平移功能限制数据的可见范围。