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 个折线图中容纳更多！

Chartjs - 带有 addData() 的折线图显示有问题？

Chartjs - line chart display with addData() is bugged?

javascript

chart.js