Question

我有一个正在使用AJAX进行实时更新的图表。我得到了响应，然后我用它来更新系列并重绘图表，如下所示：

function updateChart() {
  $.ajax({
    type: "GET",
    url: "/get_user_devices_levels",
    dataType: "json",
    success: function(response){
      $($chart.series).each(function(i) {
        $chart.series[i].update(response[i]);
      });
      $chart.redraw();
    }
  });
}

我希望我的滚动条远离xAxis（右）的最大值，但是当我重绘图表时，它不会向右移动。我该怎么办？

Answer 1

正如 Deep 3015 建议：Axis.setExtremes可以用于此目的。

此示例显示如何维护最初选择的时间间隔：http://jsfiddle.net/kkulig/q2u679zg/

    var xAxis = chart.xAxis[0], 
    ex = xAxis.getExtremes(),
    interval = ex.max - ex.min,
    newPoint = [Date.UTC(2017, 0, 5), 7];
    chart.series[0].addPoint(newPoint);
    xAxis.setExtremes(newPoint[0] - interval, newPoint[0]);

更新highstock图时，滚动条始终向右

1 个答案: