我有这样一个数据集:
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;
});
最佳答案
如果我正确理解了您想要的输出数组,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
...我假设您不想对具有相同年份和月份的对象求和。如果您真的想对它们求和,请发布另一个问题询问如何做(或进行搜索,因为这是一个常见问题,已经回答)。
关于javascript - d3 热图列标题作为 yaxis,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46714272/