jquery - Flot：默认缩放到最右边

Question

假设您有一个 500 像素宽的浮点图，它在 x 轴上有 100 个刻度。默认情况下，这显然会非常拥挤。“导航”插件有助于解决这种情况。例如，如果您想一次将其限制为 10 个刻度，您可以这样做：

$.plot(...).zoom({'amount': total_ticks / 10});

但是，我不知道如何制作它，以便在第一次绘制图表时，默认显示最后十个（最右边的十个），而不仅仅是从中间随机排列的十个。此外，虽然我给出的示例假设有 100 个刻度，但我实际上不会事先知道这个数字，所以如果它是 100 个刻度，那么我希望默认查看 91 到 100 的刻度。如果它是 108 个刻度，那么我希望默认查看 99 到 108 个刻度。我怎样才能做到这一点？

Answer 1

在您的初始缩放中，只需将center选项设置为图表的宽度：

$.plot($('#graph_with_zoom'), [data], plot_options).zoom({
    'amount': total_ticks / 5,
    'center': { left: 400, top: 0 }
});

在这里更新了小提琴。

Answer 2

flot 提供选择和缩放示例。您可以选择部分范围，它将重新绘制您的图表。