Chartjs - 用addData（）显示折线图？

Question

当我使用数组填充我的折线图时，它有点奇怪。 我注意到当我添加7个新点时，它可以正常工作：

但是当我添加8个（或更多）新点而不是7时，结果如下：

您可以在下面找到我的代码：

<script>

var arrayGegevens = <?php echo json_encode($array); ?>;

var data = 
{
    labels: [],
    datasets: [
        {
            label: "Machine activity",
            fillColor: "rgba(151,187,205,0.2)",
            strokeColor: "rgba(151,187,205,1)",
            pointColor: "rgba(151,187,205,1)",
            pointStrokeColor: "#fff",
            pointHighlightFill: "#fff",
            pointHighlightStroke: "rgba(151,187,205,1)",
            data: []
        }]
};

var ctx = document.getElementById("canvas2").getContext("2d");

var myLineChart = new Chart(ctx).Line(data, 
{
bezierCurve: false,
animation: false    
});

for(i = 0; i < 8; i++) // 8 should be arrayGegevens.Length (=20)
{
    myLineChart.addData([arrayGegevens[i]['MachineStatus']], arrayGegevens[i]['Time']); 
}

 </script>

我做错了什么或这是一个错误？

Answer 1

似乎问题在于标签的长度（2015-3-24 14:55:00）。我将它们收尾至14:55，现在我可以在1折线图中更多地适应它们！