Question

我有这样的数据集：

CT, CA, GA, TX, Year, Month
1, 1, 2, 4, 2016, 03
2, 1, 3, 5, 2016, 03

州列下的数字对应于出现次数。我将数据加载到d3中，但是如何将数据重新组织为4列，如下所示：

state, count, year, month
CT, 1, 2016, 03

这是我到目前为止所得到的：

d3.csv("states.csv", function(error, Data){

            Data.forEach(function(d){
                d.CT = +d.CT;
                d.CA = +d.CA;
                d.GA = +d.GA;
                d.TX = +d.TX;
                d.Year = +d.Year;
                d.month = +d.month;

        });

Answer 1

如果我正确理解了您想要的输出数组，forEach和for...in的这种组合可以创建它：

var csv = `CT,CA,GA,TX,Year,Month
1,1,2,4,2016,03
2,1,3,5,2016,03`;

var data = d3.csvParse(csv);

var newData = [];

data.forEach(function(d) {
  for (var key in d) {
    if (key != "Year" && key != "Month") {
      newData.push({
        state: key,
        count: d[key],
        year: d.Year,
        month: d.Month
      })
    }
  }
});

console.log(newData);

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

由于我无法在堆栈片段中加载真实的CSV，因此我将您的示例数据集存储在变量中并使用d3.csvParse进行解析。但是，原理是一样的：只需将该函数放在d3.csv回调中。

PS ：根据您想要的输出示例...

state, count, year, month
CT, 1, 2016, 03

...我假设您不希望对具有相同年份和月份的对象求和。如果您确实想要总结它们，请发布另一个询问如何操作的问题（或进行搜索，因为这是一个常见问题，已经得到解答）。

d3 heatmap列标题为yaxis

1 个答案: