jquery - CanvasJS グラフにデータが入力されていません

Question

RESTful Web サービスからのデータを折れ線グラフ (CanvasJS) に入力しようとしています。

私に届く JSON 配列は次のようになります。

[
[
    {
        "periodo": "2014-03-03",
        "quantidade": 2
    },
    {
        "periodo": "2014-09-13",
        "quantidade": 1
    },
    {
        "periodo": "2015-06-23",
        "quantidade": 6
    },
    {
        "periodo": "2015-06-24",
        "quantidade": 2
    },
    {
        "periodo": "2015-06-25",
        "quantidade": 1
    }
],
[
    {
        "periodo": "2015-06-23",
        "quantidade": 1
    }
]
]

つまり、2 つの配列 (グラフで 2 行に変換したい)。私の jQuery コードでは、次のように、この JSON 配列にいくつかのプロパティを追加しています。

var chartdata = [];

jQuery.each(data, function(i, val) {     
   var chart = {};
   chart["type"] =          "spline";
   chart["showInLegend"] =  true;
   chart["dataPoints"] =    val;
   chartdata.push(chart);
});

そして最後に、引き出しを呼び出しています。

var chart = new CanvasJS.Chart("chartContainer",{
            animationEnabled: true,
            zoomEnabled: true,
            data: chartdata,
            legend: {
                cursor: "pointer",
                itemclick: function (e) {
                    if (typeof(e.dataSeries.visible) === "undefined" || e.dataSeries.visible) {
                        e.dataSeries.visible = false;
                    } else {
                        e.dataSeries.visible = true;
                }
                chart.render();
                }
            }
        });

しかし、グラフは描かれていません。エラーもありません。最終的な JSON 配列を比較すると、 CanvasJS の例のものとかなり似ています

どこに行方不明ですか？