Javascript 如何基于新的绘图线更新Highstock/Highcharts中的当前视图？

我有一个图形，用户可以通过单击按钮自己添加绘图线。通常，这些打印线添加到图形的当前视图之外，这意味着用户必须手动缩小以搜索添加的打印线。HighStock是否可以根据添加的绘图线动态更改其当前视图

请在此处查看此示例：

如果单击该按钮，将在当前视图之外添加一条打印线，即需要缩小以查找打印线。添加绘图线后，图表是否可以自动缩小

这是我用来添加绘图线的代码：

  $("#button").click(function() {
    chart.xAxis[0].addPlotLine({
      value: Date.UTC(2015, 10, 5),
      color: "green",
      width: 1,
      dashStyle: 'ShortDash',
      label: {
        text: "this appeared outside of the current view!",
        align: 'left',
        y: 5,
        x: 3,
        style: {
          fontSize: "12px"
        }
      },
      zIndex: 10
    });
  });

可以使用设置可见区域

var value = Date.UTC(2015, 10, 5);

chart.xAxis[0].addPlotLine({
  value: value,
  color: "green",
  width: 1,
  dashStyle: 'ShortDash',
  label: {
    text: "this appeared outside of the current view!",
    align: 'left',
    y: 5,
    x: 3,
    style: {
      fontSize: "12px"
    }
  },
  zIndex: 10
});

var range = 1000 * 3600 * 24 * 30;

chart.xAxis[0].setExtremes(value - range, value + range)

例如：