来自json的JQPlot饼图

Question

我在下面的代码中提供了一个jqplot饼图。 由于某些原因，饼图没有正确显示百分比。

$array= array(array("Males", $males),array("Female", $females));
json_encode($array);

json文件的输出是：

[["Books","8"],["Female","0"]]

但饼图的显示是10％而不是100，这是我的饼图渲染器

$.getJSON('jqPlot.php', function (data) {

        var plot1 = jQuery.jqplot('chart1', [data], {
            seriesDefaults: {
                // Make this a pie chart.
                renderer: jQuery.jqplot.PieRenderer,
                rendererOptions: {
                    // Put data labels on the pie slices.
                    // By default, labels show the percentage of the slice.
                    showDataLabels: true
                },
            },
            legend: { show: true, location: 'e' }});
    });
});

但如果我将json文件更改为[["Books","8"]]，则饼图工作正常。

Answer 1

试试这个，工作正常。

$.getJSON(url, function(data) {
    var items1 = new Array();
    var j=0;
    for ( var i in data ) {
        var items = new Array();
        items.push(i,Number(data[i]));
        items1[j++] = items;
    }

    var plot1 = jQuery.jqplot('chart1', eval([items1]), {

                seriesDefaults:{
                    renderer:jQuery.jqplot.PieRenderer,
                    rendererOptions:{
                        dataLabels:'value',
                        showDataLabels:true
                    }
                },
                legend:{ show:true, location:'e' }
            }
    );

});