Javascript 添加点时出现highChart Area Range图表问题

我试着使用HighRange。这会呈现图形，但在使用新点更新图表时，它似乎无法正常工作。 我尝试使用setInterval向图形添加点：

setInterval(function(){ 
    chartObj.series[0].addPoint([new Date().getTime(), Math.random()*10, Math.random()*10]);
    chartObj.series[1].addPoint([new Date().getTime(), Math.random()*10, Math.random()*10]);
}, 1000);

下面是小提琴的链接：

---

代码有问题吗？

首先，您应该在第一个系列中只添加一个值的点，因为它的类型是“line”。其次，图表看起来很奇怪，因为区域范围和直线系列的添加点与“温度”和“范围”系列的原始点不匹配。此外，上一个系列的积分与第一个系列的积分在日期上有很大差距。我修改了demo，以确保中间值是指定给line series的值，最低点和最高点是 专用于区域范围

例如：

---

我认为问题在于您添加的数据。只有系列1是arearange，因此系列0在阵列中应该只有2个点。此外，你的低点不一定会低于高点。谢谢，它起作用了。但是我注意到您注释了指定范围和平均值的初始值。因为我需要从初始值开始，所以我取消了注释并应用了更新的值。这仍然让我陷入了争论。数据或其格式可能有问题，但尝试了两种方法，如在开始时运行循环，然后在setInterval中设置循环，但都没有效果。最后，我不得不再使用一个setInterval来启动并取消它。hichart api或fiddle@saurabh中的数据是否有问题？正如我之前提到的，上一个系列的点与第一个添加的点之间的日期差距很大。初始值的最后一个点表示2009年7月31日，而第一个添加的点表示现在是2017年8月22日，这就是图表呈现方式的原因。要更正此问题，请从2009年8月1日开始添加新的点。示例：。