php - PHP JSON Highcharts 渲染饼图每个数组

Question

我有这段代码，但实际上只画了一个包含所有数据的饼图。我想为每个键画一个馅饼($row['servicio'])。我不知道是否可以自动生成一个新的 DIV，id="pie-KEY"然后告诉图表将每个新的 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

此代码正在运行...

$.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;
    }); 
});