Highcharts 向间隔上的两行添加值时图表移动不流畅

我正在使用一个更新样条曲线图来显示一条每秒都在变化的线。更改在chartinfo.chart.events.load中设置。下面是我在实际程序中使用的代码：

chartinfo.chart.events.load: function() {
    powerLine = this.series[0];
    setInterval(function() {
        var x = (new Date()).getTime(), // current time
        y = ((latestPowerValue > maxPower) ? maxPower : ((latestPowerValue < minPower) ? minPower : latestPowerValue)); //Math.random() * 250;
        powerLine.addPoint([x, y], true, true);
    }, 1000);
}

chartinfo.chart.events.load:function（）{
powerLine=this.series[0]；
setInterval（函数（）{
var x=（新日期（））.getTime（），//当前时间
y=（（latestPowerValue>maxPower）？maxPower:（（latestPowerValue

我有另一个更新样条曲线图来显示两条线，这两条线每秒都在变化。这与上面的示例几乎相同，但这次更新了两个系列

chartinfo.chart.events.load: function() {
    var minLine = this.series[0];
    var maxLine = this.series[1];

    setInterval(function() {
        var x = (new Date()).getTime();
        var ymin = ((latestVoltageMin > maxVoltage) ? maxVoltage : ((latestVoltageMin < minVoltage) ? minVoltage : latestVoltageMin));
        var ymax = ((latestVoltageMax > maxVoltage) ? maxVoltage : ((latestVoltageMax < minVoltage) ? minVoltage : latestVoltageMax));

        minLine.addPoint([x, ymin], true, true);
        maxLine.addPoint([x, ymax], true, true);
    }, 1000);
};

chartinfo.chart.events.load:function（）{
var minLine=this.series[0]；
var maxLine=this.series[1]；
setInterval（函数（）{
var x=（新日期（））.getTime（）；
var ymin=（（最晚电压>最大电压）？最大电压：（（最晚电压<最小电压）？最小电压：最晚电压））；
var ymax=（（最晚电压最大值>最大电压）？最大电压：（（最晚电压最大值<最小电压）？最小电压：最晚电压最大值））；
addPoint（[x，ymin]，true，true）；
addPoint（[x，ymax]，true，true）；
}, 1000);
};

我还准备了JSFIDLE中和的工作示例

---

我想了解如何使双线图像单线图一样移动/滑动。欢迎对该问题提供任何帮助或见解

将第一个添加点的animate参数设置为false，第二个添加点将为这两个点设置动画

series.addPoint([x, y], false, true);
series2.addPoint([x, y2], true, true);

除了 系列。添加点（[x，y]，假，真）； 序列2.添加点（[x，y2]，真，真）

还要编写chart.redraw（）；在series2.addPoint（[x，y2]，true，true）之后；

---

这使它在webapp中对我起作用

奇怪的是，它对jsFiddle示例起作用，但对我的真实网页不起作用。出于某种原因，

minLine

跟随

maxLine

，就好像值是相同的。你知道为什么会发生这种情况吗？如果你能在JSFIDLE上重现这个问题，那就太好了——也许你的一些变量是相同的？我刚刚试着重现和设置一切，就像我在JSFIDLE中的真实代码一样，但它仍然正常工作。唯一的区别是我在JSFIDLE代码中使用了

Math.random（）

。在插入addPoint函数之前，我还输出了

ymin

和

ymax

。它们包含正确的值。从这次测试中，我只发现他们都遵循ymax值，忽略了ymin值。我以为我疯了，但我最终复制了它：知道这是为什么吗？我想这是一个全新的问题，我将创建一个新的问题。谢谢你们两个！