jQuery Sparklines : $ .getJSON 데이터를 읽을 수 없습니다.

Question

Sparklines로 파이 그래프를 생성하려고하는데 몇 가지 문제가 있습니다. 내가 뭘 잘못하고 있는지 알 수는 없지만 어리석은 실수라고 생각합니다.

//Display Visitor Screen Size Stats 
$.getJSON('models/ucp/traffic/traffic_display_bos.php', 
{ 
    type: 'ss', 
    server: server, 
    api: api, 
    ip: ip, 
}, 
function(data) 
{ 
    var values = data.views; 
    //alert(values); 


    $('#traffic_bos_ss').sparkline(values, 
    { 
     type: "pie", 
     height: "100%", 
     tooltipFormat: 'data.screen - {{value}}', 

    }); 
}); 

json으로 문자열 인출 :

{"screen":"1220x1080, 1620x1080, 1920x1080","views":"[2, 2, 61]"} 

스파크가 처리를하지 않는 몇 가지 이유를 들어

나는 사업부에 스파크 라인 차트 #traffic_bos_ss를 생성하기 위해 다음 코드를 사용하고 있습니다 변수 값은입니다. 변수에 경고 할 때 "[2, 2, 61]"을 출력합니다.

var values = data.views; 

내가 잘못 뭐하는 거지

var values = [2, 2, 61]; 

에 : 나는 조각을 교체 할 때 이제 jQuery 코드가 작동합니까? 이에

var values = [2, 2, 61]; 

: 당신이 코드를 변경할 때

"[2, 2, 61]" 

:

Answer 1

당신은해서 getJSON에 전화가 값으로 하나의 문자열이있다 "뷰"를 반환하는 말 3 개의 정수의 배열을 올바르게 지정하고있는 경우. 제대로 반환 "뷰"대신 즉

{"screen" : "1220x1080, 1620x1080, 1920x1080", "views": [2, 2, 61] } 

하나의 문자열을 정수의 배열이 jsFiddle here 참조하도록 JSON을 반환

변경 당신의 방법.

또한 $ .getJSON에 대한 호출이 작동하지만 작성한 메소드 호출이 정상이 아니라고 말합니다. jQuery의 getJSON 문서는 here을 참조하십시오.

다음 작업을해야합니다 :

var values; 
$.getJSON("models/ucp/traffic/traffic_display_bos.php", function(data) { 
    values = data.views; 
}); 

$('#traffic_bos_ss').sparkline(values, 
{ 
type: "pie", 
height: "100%", 
tooltipFormat: 'data.screen - {{value}}' 
});