[英]d3 heatmap column headers as yaxis
我有一個這樣的數據集:
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.csvParse
。 但是,原理是一樣的:只需將該函數放在d3.csv
回調中即可。
PS :根據您所需輸出的示例...
state, count, year, month
CT, 1, 2016, 03
...我假設您不想對具有相同年份和月份的對象求和。 如果您確實想對它們求和,請發布另一個問題,詢問如何進行(或進行搜索,因為這是一個常見問題,已經回答)。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.