Javascript 使用带有shfting数据的canvas js创建动态数据

我想用

canvasjs

like显示动态数据，但我在移动数据时遇到了一些问题。我的数据只是增长了，但没有移动，这是我的js代码

        var updateInterval = 1000;
        var dataLength = 10;
        function updateChart(){
            function addData (data){

                for (var i = 0; i < data.length; i++) {
                    dataPoints1.push({
                        x: new Date(data[i].datta0),
                        y: data[i].datta1
                    });
                    dataPoints2.push({
                        x: new Date(data[i].datta0),
                        y: data[i].datta2
                    });
                }

            }
            $.getJSON("http://localhost/graphTest/graph1/data.php", addData); 

            //data will be shifting
            if ((dataPoints1.length && dataPoints2.length) > dataLength) {
                dataPoints1.shift();
                dataPoints2.shift();
            }

            chart.render();         

        };


        updateChart(dataLength);    
        setInterval(function(){updateChart()}, updateInterval);

        chart.render();    

var updateInterval=1000；
var-dataLength=10；
函数updateChart（）{
函数addData（数据）{
对于（变量i=0；idataLength）{
dataPoints1.shift（）；
dataPoints2.shift（）；
}
chart.render（）；
};
updateChart（数据长度）；
setInterval（函数（）{updateChart（）}，updateInterval）；
chart.render（）；

---

任何帮助都将不胜感激。

您能上传您的数据吗？这是我的链接代码您能上传您的数据吗？这是我的链接代码