Question

Dimension＆＃39; dim_pie＆＃39;传递任何字符值并测量＆＃39; fact_pie＆＃39;传递任何整数类型值。

那么如何在饼图的标签上显示Measure值的百分比以及如何根据度量值之和对所有饼图片进行分区？

var ndx = crossfilter（datachart）;

  var dim_pie = ndx.dimension(function(d) {return d.Opportunity_Name;});
  var fact_pie = dim_pie.group().reduceSum(function(d) {return +d.Amount;});     

   PieChart
      .width(300)
      .height(400)
      .dimension(dim_pie)
      .group(fact_pie)
      .innerRadius(30)
      .renderLabel(true)
      .label(function(d){  return d.key + " : " + d.value + " - " +(d.value / ndx.groupAll().reduceCount().value() * 100).toFixed(2) + "%"; })
      .colors(d3.scale.ordinal().range([ "red", "#006400" ]))
       ;

数据： Opportunity_Name金额埃森哲10 Apple 80 认知80 CTS 20 戴尔60 Facebook 40 谷歌20 Hp 20 惠普10 IBM 30 LinkedIn 10 Oracle 90 TCS 10 Wipro 80 Wipro 10

Answer 1

请将此代码添加到饼图中。

.label(function(d) { return d.key +" (" + Math.floor(d.value / all.value() * 100) + "%)"; });

这将在括号中显示度量值的百分比以及键名。

打印dc.js中饼图标签上的度量值百分比

1 个答案: