`
ligangbin117
  • 浏览: 1513 次
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

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'
   }
   });
});
});
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics