如何根据新的Plotlines更新Highstock / Highcharts中的当前视图?

时间:2017-02-16 12:17:22

标签: javascript jquery graph highcharts highstock

我有一个图表,用户可以通过单击按钮自行添加情节图。通常,这些绘图线被添加到图形的当前视图之外,这意味着用户必须手动缩小以搜索它们添加的绘图线。 HighStock是否可以根据添加的Plotlines动态更改其当前视图?

在这里查看此示例: http://jsfiddle.net/Ltgzwpo2/2/

如果单击该按钮,则会在当前视图的外部添加一条情节线,即您需要缩小以查找情节线。图表是否可以在添加情节线时动态缩小?

这是我用来添加情节线的代码:

  $("#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
    });
  });

1 个答案:

答案 0 :(得分:1)

您可以使用axis.setExtremes()设置可见区域。

{{1}}

示例:http://jsfiddle.net/cqwk84dz/