FlotJS：仅显示部分绘制数据

Question

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

现在，我想为图表添加可移动功能，这样用户就可以在时间上向后移动。我可以正确地将限制设置为 xaxis panRange（收到的第一个值和最后一个值）。这个想法是加载显示最后 3 分钟的页面，但你可以返回。简单。

问题是 flot 正在绘制并显示我从后端获得的每个值，但我找不到任何 configuration/option 来指定 "visible" 范围。

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

谢谢

Answer 1

您可以使用xaxis.min and xaxis.max选项来指定可见范围：

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

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