2017-12-23 3 views
0

JQPlot.js를 사용하여 자체 호스팅 Piwik 서비스의 분석을 표시하고 있습니다. 내가 직면하고있는 문제는 유효한 jqPlot 데이터 배열을 반환하도록 Piwik에서 API 데이터 배열을 구성하는 것입니다.JSON 데이터 배열이 JQPlot.js에 대한 유효한 반환이 아닙니다.

['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에서 I가 유효 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 데이터이다

도움 주셔서 감사합니다.

답변

1

당신은 단순히 데이터를 통해보고 필요한 배열을 만들 수 있습니다

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 다음 배열이 포함됩니다 :

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