如何在d3条形图中的单个条形中添加值

Question

我想将所有相同的值添加到一个条中，通常在d3中，我们具有堆叠条形概念，在这里我们将每个值添加到单独的条形中

http://bl.ocks.org/d3noob/8952219

我想假设此域名为2013-01,53，我们还有4-5个条目，所有条目都应放在同一栏中

Answer 1

有几种方法可以做到这一点，其中一种是使用nest 。 在这种情况下：

 var nestedData = d3.nest()
    .key(function(d) { return d.date;})
    .rollup(function(d) { 
         return d3.sum(d, function(e) {return e.value; });
    })
    .entries(data);

检查此演示，它将使用相同的键“ date”对所有值求和：

 var data = [{date: "2016-01", value: 53}, {date: "2016-01", value: 10}, {date: "2016-02", value: 42}, {date: "2016-03", value: 17}]; var nestedData = d3.nest() .key(function(d) { return d.date;}) .rollup(function(d) { return d3.sum(d, function(e) {return e.value; }); }) .entries(data); console.log(nestedData); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>