JSON 내가 적절하게 내가 선택 상자를 채울 수있는 JSON 데이터를 분석하기 위해 다음과 같은 방법을 사용했던 과거 차트

Question

구글 , 선택 상자가 없으면 json을 drawChart 함수로 구문 분석하면됩니까?

는

$.ajax({ 
url: 'chart_json.aspx', 
type: 'POST', 
dataType: 'text', 
success: function(data) { 
    drawChart(data); 
} 
}); 

Answer 1

는 다음 작업을 수행 할 것입니다 : 당신의 js에서

{ 
    graphData : [ 
    ['user1',{v:0.00, f:'0.00'}], 
    ['user2',{v:0.00, f:'0.00'}], 
    ['user3',{v:0.00, f:'0.00'}], 
    ['user4',{v:0.00, f:'0.00'}], 
    ['user5',{v:0.00, f:'0.00'}] 
    ], 
    status : "ok" 
} 

: 당신의 응답에

을

$.ajax({ 
    url: 'get_json.aspx', 
    type: 'POST', 
    dataType: 'json',//this is important 
    success: function(data) { 
    //this is not vital, but it's nice to check the response 
    if(typeof data === "object" && data.status === "ok"){ 
     graphData = data.graphData; 
     drawVisualization(graphData); 
    } 
    } 
}); 

호프가 도움이 되었으면합니다.

Answer 2

$.ajax({ 
    url: 'get_json.aspx', 
    type: 'POST', 
    dataType: 'json', // as noted by Sinan 
    success: function(data) { 
    drawVisualization(data); 
    } 
}); 

function drawVisualization(serverData) { 
    var chartData = []; 
    for(var i = 0; i < serverData.length; i++) { 
     chartData.push([serverData[i][0], serverData[i][1].v]); 
    } 
    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'WIP'); 
    data.addColumn('number', 'Percentage'); 
    data.addRows(chartData); 
    new google.visualization.PieChart(document.getElementById('visualization')).draw(data, {width: 400, height: 240, is3D:true});  
} 

chartData 배열 문자열 각 행의 숫자와 함께 (당신이 google.visualization.DataTable에 두 번하는 addColumn를 호출하기 때문에) 2 열을 가질 필요가있다.

예 난 당신에 문제가 아약스 응답에있다 생각 here