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

Question

我正在使用 Flot Charts 绘制数据，但我遇到了一个奇怪的问题。在每次迭代中，绘图区域都会变小，在所附的图像中可以看到这一点。我将 post 我用来绘图的函数，以便更容易理解或定位错误。

    <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 动作移动到我有 plot.draw() 的 if 语句中解决了它。现在绘图区域保持稳定并正确绘图。

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

Flot Chart area getting smaller at each iteration

html

javascript

jquery

plot

flot