通过 ajax 加载时的 highstock 图表有不稳定的行为

Question

我正在使用 HighStock api 和 setExtremes 回调从服务器加载数据。

当我改变极值时，整个图表会突然跳到一些值（x 轴改变，线条也改变），直到数据从服务器返回。

看起来很不专业，好像在运行时纠正了错误。

有什么改变'loading'来了，然后新数据就顺利来了吗？

if !is_code_accompanied
  stack_overflow = doesnt_let_me_post()
end

Answer 1

这对我有用：

function getDataButNoJerky() {
  ....
  var chart = $('#container').highcharts(); // get our chart
  // if you have multiple series
  for (var i = 0; i < chart.series.length - 1; i++) {
    chart.series[i].setData([]);
  }

  chart.showLoading('Loading....');
  // request new data source here
  $.getJSON('/data', function (data) {
    // repopulate your chart with the data returned
  }
}

通过 ajax 加载时的 highstock 图表有不稳定的行为

highstock chart when loading via ajax has jerky behavior

ajax

highstock