Javascript 在没有默认序列的Highcharts上显示实时数据

我在Highchart网站上找到了以下代码：

我想在带有空默认序列的图表上显示数据，并将

dateTime

设置为

xAxis

。我不想使用jQuery，也不想在图表中添加加载点事件。我只想在页面完全加载时添加点。我用过这个

const chart = new Highcharts.chart('container', {
  ...
  ...
  ...
}

document.addEventListener('DOMContentLoaded', function() {
  var i = 0;
  console.log(chart)
  setInterval(function() {
    console.log(values[i])
    chart.series[0].addPoint(values[i], true, true);
    i++;
  }, 1000);
})

---

我使用了类似上面链接的图表结构

values[i]

是一个点，它是我从我的API中获得的

[dateTime，Number]

。我发现一些解决方案对

xAxis

使用了category，但我需要使用

dateTime

并显示

dateTime

而不是category。

您不能将带有shift的点添加到没有数据的序列中。添加不带shift的第一个点或不使用shift：

现场演示：

API:

const chart = new Highcharts.chart('container', {
  series: [{}]
});
const values = [[100, 20], [200, 20], [300, 20], [400, 20], [500, 20]];

document.addEventListener('DOMContentLoaded', function() {
  var i = 0;

  chart.series[0].addPoint(values[i], true, false);
  i++;

  setInterval(function() {
    chart.series[0].addPoint(values[i], true, true);
    i++;
  }, 1000);
});