jqPlot显示饼图上的百分比和值

Question

我正在使用jqPlot和jqplot.PieRenderer来尝试显示饼图.在我要展示的标签上value (percent).文档说您可以传递dataLabel一组标签类型(源),但是,在选项中放置%d%%(为百分比)和%d(为值)dataLabelFormatString最终不显示任何内容.

这里有什么想法？

{ 
    seriesDefaults: {
        renderer: jQuery.jqplot.PieRenderer, 
        rendererOptions: {
            showDataLabels: true,
            dataLabels: ['value', 'percent'],
            dataLabelFormatString: "%d %d%%",
            sliceMargin: 4,
            fill: false
        }
    }, 
    legend: { show:true, location: 'e' }
}

Answer 1

我以不同的方式阅读这些文档.这是选项'价值','百分比','标签'或一系列标签.不是一系列选项.要做你想做的事,你需要创建你的数据标签作为一个真正的标签阵列.

例如:

data = [
    ['Heavy Industry', 12],['Retail', 9], ['Light Industry', 14], 
    ['Out of home', 16],['Commuting', 7], ['Orientation', 9]
];

var total = 0;
$(data).map(function(){total += this[1];})

myLabels = $.makeArray($(data).map(function(){return this[1] + " " + Math.round(this[1]/total * 100) + "%";}));

见例如拨弄这里.