High如何在不使用导航器的情况下跟踪/关注实时更新的图表

Question

我有一个包含实时数据的图形，但是如果启用了导航器，则图表仅跟踪或跟踪数据线。

我不确定这是一个功能还是一个错误。

在 JSFiddle 上，请注意它如何不跟踪，但是一旦您将enabled: false更改为 enabled: true ，在 line 43 上，它会立即开始跟踪。

http://jsfiddle.net/6eso1hgy/1/

是否可以在没有导航器的情况下使其具有跟踪行为？

Answer 1

我不知道

你是否真的需要Highstock。如果没有，则可以将代码更改为仅Highcharts，然后删除所有不必要的代码并添加以下内容：

series: [{
  marker: {
    radius: 0
  },
...

小提琴

Answer 2

您可以使用

xAxis.setExtremes()方法实现它：

法典：

events: {
  load: function() {
    // set up the updating of the chart each second
    var series = this.series[0];
    var chart = this;
    setInterval(function() {
      NewTime = (new Date()).getTime(); // current time
      var x = NewTime,
        y = Math.round(Math.random() * 10);
      series.addPoint([x, y], false, false, false); //redraw shift animation
      chart.xAxis[0].setExtremes(
        chart.xAxis[0].min + 1000,
        chart.xAxis[0].max + 1000,
        true,
        false
      );
    }, 1000);
  }
}

演示：

• http://jsfiddle.net/BlackLabel/z1mu0Lgh/

接口参考：

• https://api.highcharts.com/class-reference/Highcharts.Axis#setExtremes