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

how to add values in one single bar in d3 bar chart

本文关键字：单个条 添加 条形图 d3      更新时间：2023-09-26

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

的示例运行代码http://bl.ocks.org/d3noob/8952219

我想假设这个域是2013-01,53我们还有4-5个条目它们应该都在同一个栏

有几种方法可以做到这一点，其中之一是使用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>

相关文章：