Javascript 如何停止在Flot条形图中缩小？

我正在使用Flot绘制一些条形图。如何配置缩放，以便当用户缩小时，图表看起来像顶部的图表，而不是底部的图表？换句话说，我不希望用户在显示图表的所有数据时继续缩小。我还想限制图表在X轴上显示低于0的任何内容。请参见我的代码和下面图表的图片：

<#macro barChart2 var formatFunction ticks="" optionLegend="{ show: false }">
  var options = {
    yaxis: {
      tickFormatter: ${formatFunction}
    },
    series: {
      stack: 0,
      bars: { 
        show: true,
        barWidth: 0.9,
        align: "center"
      }
    },
    grid : { 
      hoverable: true 
    },
    xaxis: {
      <#if "${ticks}" != "">
        ticks: ${ticks}
      </#if>
      mode: "time",
      timeformat: "%b %d, %H:%M %P"
    },
    pan : { 
      interactive: true 
    },
    legend: ${optionLegend}
  };

  var plot${var} = $.plot($("#chart${var}"), data, options);

  $("#zoomIn${var}").click(function(e) {
    e.preventDefault();
    plot${var}.zoom();
  });

  $("#zoomOut${var}").click(function(e) {
    e.preventDefault();
    plot${var}.zoomOut();
  });
</#macro>

变量选项={
亚克斯：{
tickFormatter:${formatFunction}
},
系列：{
堆栈：0，
酒吧：{
秀：没错，
杆宽：0.9，
对齐：“居中”
}
},
网格：{
可悬停：正确
},
xaxis：{
滴答声：${滴答声}
模式：“时间”，
时间格式：“%b%d，%H:%M%P”
},
潘：{
互动：真的
},
图例：${optionLegend}
};
变量绘图${var}=$.plot（$（“#图表${var}”）、数据、选项；
$（“#缩放${var}”）。单击（函数（e）{
e、 预防默认值（）；
plot${var}.zoom（）；
});
$（“#zoomOut${var}”）。单击（函数（e）{
e、 预防默认值（）；
plot${var}.zoomOut（）；
});

---

我建议您看看可以使用导航插件设置的。可以为轴指定以下对象：

xaxis: { zoomRange: [0.1, 10], panRange: [-10, 10] },
yaxis: { zoomRange: [0.1, 10], panRange: [-10, 10] }

其中

zoomRange

设置缩放限制。在这种情况下，最小值和最大值之间的差值永远不会低于0.1，也永远不会超过10

panRange

告诉内容保持在某个范围内，因此在这种情况下，轴都不会平移到-10以下或10以上

我不确定如何处理时间序列数据，但首先尝试使用javascript时间戳