jqplot 饼图显示多个值的方法

客气要求显示的时候要显示百分比和数量两个值。api是这样写的
dataLabels
this.dataLabels = 'percent'
Either ‘label’, ‘value’, ‘percent’ or an array of labels to place on the pie slices. Defaults to percentage of each pie slice.
只以单独用label 或者value或者percent,并不能一起用。然后就上网找,找到一篇相关的文章
http://moliniao.iteye.com/blog/1621647
但是觉得好复杂,又仔细想了一下,除了那三个值不是可以用数组来显示吗,所以我只要把我想要显示的东西拼成数组不就只可以了。。。源码如下:
$.getJSON("equipment_getLineLossbyDataLayer.action",{dataType:dataType, dataDate:dataDate}, function(json) {
$.each(json, function(i) {
var data;
eval("data="+json[i]);
var labelsArr=new Array();
var total = 0;
for(var i in data) {
total += data[i][1];
}
for(var i in data) {
labelsArr[i] = (data[i][1]/(total==0?1:total)*100)+"%," + data[i][1];
}

var plot1 = jQuery.jqplot('starvation', [ data ], {
seriesColors: [ "#6A6AFF", "#00FFFF", "#FF5151", "#00EC00", "#E800E8 ", "#9F35FF",
"#953579", "#4b5de4", "#d8b83f", "#ff5800", "#0085cc"],
seriesDefaults : {
renderer : jQuery.jqplot.PieRenderer,
rendererOptions : {
showDataLabels : true,
dataLabels: labelsArr,
dataLabelFormatString: '%s'
}
},
legend : {
show : true,
location : 'e',
marginRight: '40px',
fontSize: '8pt'
}
});
});
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值