FlotJS:仅显示部分绘制数据

时间:2016-10-03 11:16:34

标签: javascript jquery flot

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

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

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

我使用缩放来分隔图表的可见区域,但是需要重新计算每次数据更新的缩放。

由于

1 个答案:

答案 0 :(得分:1)

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

min

This JSFiddle举例说明了设置maxXLS值以限制基本缩放和平移功能的可见数据范围。