D3堆积条形图：计算和显示每个条形的和/总数的问题

Question

bounty到期在6天内。该问题的答案有资格获得+ 100声望赏金。grimmus想要引起更多关注对此问题。

我正在尝试计算图表中每个堆叠条形的总和/总值并将其显示在每个条形上方

https://jsfiddle.net/n0zjpyow/1/

所需的输出：

（（注：总计的图像不准确）] >>

我正在使用嵌套和汇总功能，但结果是每个系列的总和，而不是每个堆叠的条。

var keys = d3.nest()
.key(function(d) { return (d.key) })
.rollup(function (v) {
  return d3.keys(v[0]).filter(function(p, i){return i}) //filter out the heading
    .reduce(function(s, p){   //sum each of the other members
      //p is the category being summed
      return (s[p] = d3.sum(d3.values(v[0][p][0])), s);
    }, {});
})
.map(data);
输出

{1: {values: 190000000}
 2A: {values: 152000000}
 2B: {values: 190000000}
 Non: {values: 128000000}}
我对如何将其应用于图表的数据结构（无法修改）感到困惑

我如何计算每个栏中的值的总和？感谢您的协助。

我正在尝试计算图表中每个堆叠条形的总和/总值，并将其显示在每个条形上方https://jsfiddle.net/n0zjpyow/1/所需的输出：（注：总和在图像中不准确）我...

Answer 1

根据您的数据，以下是一种简单的方法，用于计算总价值