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

标签 jquery flot

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

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

但是,我不知道如何做到这一点,以便在第一次绘制图表时,它默认显示最后十个(最右边的十个),而不仅仅是一个从中间随机抽取 10 个。另外,虽然我给出的示例假设有 100 个刻度,但我实际上不会事先知道该数字,因此如果是 100 个刻度,那么我希望默认情况下看到 91 到 100 个刻度。如果是 108 个刻度,那么我希望默认看到 99 到 108 个刻度。我怎样才能做到这一点?

最佳答案

在初始缩放时,只需将 center 选项设置为图表的宽度即可:

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

更新了 fiddle here .

关于jquery - Flot:默认缩放到最右边,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17128827/

相关文章:

javascript - 全局变量在 jQuery 中给出 "undefined"

javascript - JS处理 'input'按钮信息

javascript - 单击div时缓慢出现

javascript - 无法使用 float 绘制图表

jquery - 使用 Flot jQuery 插件显示带有正确时区的工具提示

javascript - 为什么 jQuery Focus 函数第二次不起作用?

javascript - API 响应返回未定义

json - 如何对流程图中的 y 轴字符串值进行排序

javascript - 使用 float 绘制饼图

javascript - 什么样的算法可以生成这样的曲线 (img) & 它可以在 javascript 中为 flot 完成吗?