chart.js不显示折线图上的元素

Question

我正在使用Web应用程序，我需要显示包含服务器数据的图表。我使用Chart.JS库，但它不起作用，只显示：

我通过JSON加载数据，这是我使用的代码

var labels = new Array();
var cpuLoad = new Array();

$(document).ready(function() 
{
    var cpuContext = document.getElementById("cpu").getContext("2d");

    $.getJSON("/pi/status/latest", function(data) 
    {
        $.each(data.response, function(index, status) 
        {
            labels.push(status.Status.fecha);
            cpuLoad.push(status.Status.cpu);
        });
    });

    var cpuData = 
    {
        labels: labels,
        datasets: [
        {
            label: "Carga CPU",
            fillColor: "rgba(220,220,220,0.2)",
            strokeColor: "rgba(220,220,220,1)",
            pointColor: "rgba(220,220,220,1)",
            pointStrokeColor: "#fff",
            pointHighlightFill: "#fff",
            pointHighlightStroke: "rgba(220,220,220,1)",
            data: cpuLoad
        }]
    };

    console.log(cpuData);

    var cpuChart = new Chart(cpuContext).Line(cpuData);
});

.getJSON代码效果很好但图表没有显示。 以下是我传递给chart.js的数据示例：

标签数组：

cpuLoad数组：