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

前端之家收集整理的这篇文章主要介绍了jquery – jqPlot显示饼图上的百分比和值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用jqPlot和jqplot.PieRenderer来尝试显示饼图.在标签上,我想显示价值(百分比).文档说你可以传递dataLabel标签类型 (source)的数组,但是,在dataLabelFormatString选项中放置%d %%(对于百分比)和%d(对于值)最终不会显示任何内容.

这里有什么想法?

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

解决方法

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

例如:

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) + "%";}));

见示例小提琴here.

猜你在找的jQuery相关文章