JSONデータ配列がJQPlot.jsの有効な戻り値ではありません

Question

JQPlot.jsを使用して、自己ホストPiwikサービスからの解析結果を表示しています。私が直面している問題は、有効なjqPlotデータ配列を返すようにPiwikからAPIデータ配列を設定することです。

は

['2017-12-19',854], ['2017-12-20',939], ['2017-12-21',767], ['2017-12-22',571], ['2017-12-23',3]] 

チャートを表示するためのスクリプトが

$(document).ready(function(){ 
    var ajaxDataRenderer = function(url, plot, options) { 
     var ret = null; 
     $.ajax({ 
     async: false, 
     url: url, 
     dataType:"json", 
     success: function(data) { 
     ret = data; 
     } 
    }); 
    return ret; 
    }; 

var jsonurl = "https://demo.piwik.org/?module=API&method=VisitsSummary.getVisits&idSite=7&period=day&date=last30&format=json&token_auth=anonymous"; 

    var plot2 = $.jqplot('chart2', jsonurl,{ 
    title: "AJAX JSON Data Renderer", 
    dataRenderer: ajaxDataRenderer, 
    dataRendererOptions: { 
     unusedOptionalUrl: jsonurl 
    } 
    }); 
}); 

APIからの私は、有効なJQPlot.js配列内のデータを必要とするかの https://demo.piwik.org/?module=API&method=VisitsSummary.getVisits&idSite=7&period=day&date=last30&format=json&token_auth=anonymous

{"2017-12-19":854,"2017-12-20":939,"2017-12-21":767,"2017-12-22":571,"2017-12-23":3} 

例を経由してJSONで

Piwikのデータである

ありがとうございます。

Answer 1

あなたは、単にあなたのデータを見ていることにより、必要な配列を作成することができます。

[ [ '2017-12-19', 854 ], 
    [ '2017-12-20', 939 ], 
    [ '2017-12-21', 767 ], 
    [ '2017-12-22', 571 ], 
    [ '2017-12-23', 3 ] ] 

：

input = {"2017-12-19": 854, "2017-12-20": 939, "2017-12-21": 767, "2017-12-22": 571, "2017-12-23": 3} 
arr = [] 
for (var key in input) { 
    if (input.hasOwnProperty(key)) { 
     arr.push([key, input[key]]); 
    } 
} 

arrは、次の配列が含まれています