javascript - d3.js 如何获取对象数组数据的总和？

Question

我有 csv 文件

DATE OF ARREST, ARREST RESOLUTION, COUNT
01/01/1988, BONDED OUT, 1
01/01/1988, BONDED OUT, 1
01/01/1988, BONDED OUT, 1
02/01/1988, BONDED OUT, 1
02/01/1988, BONDED OUT, 1

我想用上面的数据创建一个图 TableView 。为此，我必须对每个日期求和“COUNT”。例如，我需要有 01/01/1988，BONDED OUT，3 ...在这一天我有 3 个案例。解析我使用的日期

var parseDate = d3.timeParse("%m/%d/%Y");

 data.forEach(
  function(d){
  d.count = +d["COUNT"];
  d.date = parseDate(d["DATE OF ARREST"]);
})

图表正确显示了年份，但案例数始终为 1。如何计算每年的“COUNT”个数？

Answer 1

如果我理解正确的话，您希望转换数据并对同一天的所有 COUNT 进行求和。您可以使用d3.nest来做到这一点.

var dataAsCsv = `DATE OF ARREST,ARREST RESOLUTION,COUNT
01/01/1988,BONDED OUT,1
01/01/1988,BONDED OUT,1
01/01/1988,BONDED OUT,1
02/01/1988,BONDED OUT,1
02/01/1988,BONDED OUT,1`;

var data = d3.csvParse(dataAsCsv);

var parseDate = d3.timeParse("%m/%d/%Y");

var convertedData = d3.nest()
  .key(function(d) { return d["DATE OF ARREST"]; })
  .rollup(function(v) {
      return {
        date: parseDate(v[0]["DATE OF ARREST"]),
        count: d3.sum(v, function(d) { return +d["COUNT"]; })
      }
  })
  .entries(data).map(function(d) { return d.value});

console.log(convertedData);

<script src="https://d3js.org/d3.v4.min.js"></script>