Javascript 动态添加点后的移动会在图表中创建一个空格

所以我用Highcharts每1秒绘制一次实时数据。将40个点添加到图表后，我开始移动这些点。问题是我在图表中有不止一个系列，当它开始移动时，除了第一个系列之外，在所有系列中都会产生一个奇怪的空间

正如你所看到的，红色的开始位置与蓝色的不同

    setLiveDataPoint: function(data){
        var graph = this;
        var num = graph.yAxis.length; // Number of Y axis (Field, Quality)
        var yAxis = graph.yAxis;

        for(var i = 0; i < num; i++){
            var xFieldId = "time"; // defaults to time
            var serie = graph.highchartObj.get(yAxis[i].id);
            var x = parseInt(data[xFieldId][data.records - 1]);
            var y = data[yAxis[i].id][data.records - 1];
            var shift;
            if(graph.pointsOnGraph == 40){
                shift = true;
            } else {
                shift = false;
                if(i == 0){
                    graph.pointsOnGraph += 1;
                }
            }
            serie.addPoint({
                x: x,
                y: y
            }, true, shift);
        }

        return graph;

setLiveDataPoint:函数（数据）{
var图=此；
var num=graph.yAxis.length；//Y轴的数量（字段，质量）
var yAxis=graph.yAxis；
对于（变量i=0；i

---

当我进行调用时，所有数据都在同一个json响应中，然后我循环yAxis以绘制图表中的点。

请提供您的代码。最好是制作一个JSFIDLE。请在JSFIDLE.net上以实时演示的形式复制此问题