更改在D3條形圖的Json數組條形圖

Question

如果我在D3.js中有一個數組。

data = 
[ 
    {"english":"200","non_english":"100","area":"North"} 
    {"english":"200","non_english":"102","area":"South"} 
    {"english":"200","non_english":"103","area":"East"} 
] 

如何連接或組合數組，如下所示。

data = 
    [ 
     {"englishBoth":"200,100", "area":"North"} 
     {"englishBoth":"200,102" , "area":"South"} 
     {"englishBOth":"200,103","area":"East"} 
    ] 

其中英語和非英語的價值被放在一起，但每秒的價值等於非英語。

所以，如果我用

.attr("y", function(d,i) { return y(data[1].englishBoth); }) 

爲y屬性爲D3條形圖它將返回可以產生兩個值和兩個杆段。

Answer 1

您可以使用一個for循環

for (i=0;i< data.length;i++) { 
    //as string 
    data[i].englishBoth = data[i].english + ", " + data[i].non_english; 

    //or as array 
    data[i].englishBoth = [data[i].english, data[i].non_english]; 

    delete(data[i].non_english); 
    delete(data[i].english); 
}