Flot Chart区域在每次迭代时变小

Question

我使用Flot Charts绘制数据并且我遇到了一个奇怪的问题。在每次迭代中，绘图区域变小，在附加的图像中可以看到。我将发布我用于绘图的功能，以便更容易理解或找到错误。

    <script type="text/javascript">
    $(document).ready(function () {
                var xVal = 0;
                var data3 = [[],[]];
                var dataset4=<?php echo json_encode($dataset4); ?>;
                var dataset5=<?php echo json_encode($dataset5); ?>;
                var totallength = dataset4.length;
                var options3 = {
                    };
                var plot = $.plot( $("#placeholder3"), data3, options3);
                var yVal1 = [];
                var yVal2 = [];            
                function getData(){
                    yVal1 = parseFloat(dataset5[xVal]);
                    //yVal2 = parseFloat(dataset5[xVal +1]);
                    var datum1 = [parseFloat(dataset4[xVal]), yVal1];
                    //var datum2 = [parseFloat(dataset4[xVal + 1]), yVal2];
                    data3[0].push(datum1);
                    //data3[1].push(datum2);
                    if(data[0].length>10){
                        data3[0] = data3[0].splice(1);
                        //data3[1] = data3[1].splice(1);
                    }
                    xVal++;
                    plot.setData(data3);
                    plot.setupGrid();
                    if(xVal<=totallength){
                        plot.draw();
                    }
                }
                var plot = $.plot( $("#placeholder3"), data3, options3);
                setInterval(getData, 1000);
    });
</script>

也许错误发生在setupGrid，或者是plot.draw ......我只是不知道。感谢您提前的时间！

Answer 1

似乎在我使用plot.draw（）的if语句中移动了plot动作解决了它。现在情节区域保持稳定并正确绘制。