分组CSV文件D3

Question

说我有一个CSV文件是这样的：

decade,year,cat1,cat2,cat3 
1970,1971,2,3,6 
1970,1972,3,8,4 
1980,1981,5,8,7 
1980,1982,9,2,4 
1990,1991,7,9,5 
1990,1992,9,5,6 

我想按“十年”的数据，去掉“一年栏”，然后添加“猫”列。所以，最终的阵列看起来像这样的叠置条形图中使用：

decade,cat1,cat2,cat3 
1970,5,11,10 
1980,14,10,11 
1990,16,14,11 

Answer 1

您可以通过使用d3.nest和d3.rollup做到这一点。我们可以将十年设定为关键，然后基于十年来滚动/总结猫值。生成的键值对将包括十进制作为键和一个值对象，包含所有3个总和的cat值。检查下面的代码片段：

var data = d3.csv.parse(d3.select('#data_csv').text()); 
 
var valuesByDecade; 
 

 
data.forEach(function(d){ 
 
\t //group and organize your data as needed here 
 
    valuesByDecade = d3.nest() 
 
    //set the decade as your key 
 
    .key(function(d) {return d["decade"];}) 
 
    //rollup and sum your cat values by decade 
 
    .rollup((function(d) { 
 
    return { 
 
     cat1: d3.sum(d, function(e) { return e["cat1"]; }), 
 
     cat2: d3.sum(d, function(e) { return e["cat2"]; }), 
 
     cat3: d3.sum(d, function(e) { return e["cat3"]; }),  
 
    }; 
 
    })) 
 
    .entries(data); 
 
}); 
 

 
console.log(valuesByDecade)

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script> 
 
<pre id='data_csv'>decade,year,cat1,cat2,cat3 
 
1970,1971,2,3,6 
 
1970,1972,3,8,4 
 
1980,1981,5,8,7 
 
1980,1982,9,2,4 
 
1990,1991,7,9,5 
 
1990,1992,9,5,6 
 
</pre>