d3 json嵌套數據映射，分組條形圖

我有一種情況，我的d3.nest代碼不明白。這是我在Stackoverflow中的第一個問題，所以請幫助他的可憐人！d3 json嵌套數據映射，分組條形圖

這裏是我的代碼

var nested = d3.nest() 
    .key(function(d) { return d.AREA}) 
    .key(function(d) { return d.LINE}) 
    .rollup(function(leaves) { 
    return [{ 
    key: leaves[0]['LINE_LENGTH'], 
    value: leaves[0]['avr'] 
    }, { 
    key: " ", 
    value: leaves[0]['max'] 
    }]; 
    }) 
    .entries(data); 

}

，問題是這樣的。

var lines = nested[0].values.map(function(d, i) { 
return console.log(JSON.stringify(d.key));});

此代碼我覆蓋在控制檯看，它應該是 A1，A2，B1，B2，B3，C1，C2，C3，C4，C5這樣但只有本人可以看到A1， A2 這裏是我的嵌套數組

[{"key":"America","values":[{"key":"A1","values":[{"key":"3M","value":"0.0002"},{"key":" ","value":"0.0002"}]},{"key":"A2","values":[{"key":"4M","value":"0.00030000000000000003"},{"key":" ","value":"0.00030000000000000003"}]}]},{"key":"EU","values":[{"key":"B1","values":[{"key":"2M","value":"0.0004"},{"key":" ","value":"0.0004"}]},{"key":"B2","values":[{"key":"2M","value":"0.0005"},{"key":" ","value":"0.0005"}]},{"key":"B3","values":[{"key":"2M","value":"0.0006000000000000001"},{"key":" ","value":"0.0006000000000000001"}]}]},{"key":"ASIA","values":[{"key":"C1","values":[{"key":"2M","value":"0.0007"},{"key":" ","value":"0.0007"}]},{"key":"C2","values":[{"key":"2M","value":"0.0008"},{"key":" ","value":"0.0008"}]},{"key":"C3","values":[{"key":"2M","value":"0.0009000000000000001"},{"key":" ","value":"0.0009000000000000001"}]},{"key":"C4","values":[{"key":"2M","value":"0.001"},{"key":" ","value":"0.001"}]},{"key":"C5","values":[{"key":"2M","value":"0.0011"},{"key":" ","value":"0.0011"}]}]}]

來源

2017-04-10 Shinil Kim

最後我自己得到了線索，

線索在這裏

var lines = [];for(var i=0; i<3; i++){nested[i].values.map(function(d, i) {return lines.push(d.key); });

}

我是系統工程師，但公司要我製作程序。這不是很爛但很好

來源

2017-04-11 01:11:50

d3 json嵌套數據映射，分組條形圖

回答

相關問題