动态添加点后移位会在图表中创建空格

Question

所以我使用Highcharts每1秒实时绘制数据。在图表中添加40点后，我开始转移积分。问题是我在图表中有多个系列，当它开始移动时，它会在除第一个系列之外的所有系列中创建一个奇怪的空间。

chart http://i62.tinypic.com/wkzrp.png

正如你所看到的那样，红色并不是从蓝色的那个开始。

    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;

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