PHP JSON Highcharts渲染每個數組的餅圖

Question

我有這個代碼，但實際上只繪製了一個包含所有數據的餅圖。我想爲每個鍵($row['servicio'])繪製一個餡餅。我不知道是否可以用id="pie-KEY"自動生成一個新的DIV，然後告訴圖表將每個新的KEY都呈現給它自己的DIV。

PHP

while($row = sqlsrv_fetch_array($sqlTotals)) { 
    $json[$row['servicio']] = array(
     "OK" => intval($row["OK"]), 
     "KO" => intval($row["KO"]) 
    ); 
} 
echo json_encode($json); 

jQuery的

$.getJSON('test.php', function(data) {   
    var series = { 
     type: 'pie', 
     data: [] 
    }; 
    $.each(data, function(key, value) { 
     series.data.push(["OK", value.OK]); 
     series.data.push(["KO", value.KO]); 
    }); 
    options.series.push(series); 
    var chart = new Highcharts.Chart(options); 
}); 

Answer 1

此代碼workking ...

$.getJSON('test.php', function(data) {   
    $.each(data, function(key, value) { 
     var series = { 
      type: 'pie', 
      data: [] 
     }; 
     var renderId = "pie-" + key; 
     $('#charts').append('<div id="'+ renderId +'" class="pieChart"></div>'); 
     series.data.push(["OK", value.OK]); 
     series.data.push(["KO", value.KO]); 
     options.series.push(series); 
     options.chart.renderTo = renderId; 
     options.title.text = key; 
     var chart = new Highcharts.Chart(options); 
     series.data = null; 
    }); 
});