FlotJS：只显示部分绘图数据

Question

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

现在，我想添加panable功能的图表，所以用户可以在时间倒退。我可以正确设置限制为xaxispanRange（收到的第一个值和最后一个值）。这个想法是加载显示最后3分钟的页面，但你可以回去。简单。

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

我虽然使用缩放来划分图表的可见区域，但它需要重新计算每个数据更新的缩放比例。

感谢

Answer 1

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

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

This JSFiddle具有设置min和max值的例子来限制与基础数据的可视范围缩放和平移功能。