如何在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>

​