2016-02-02 36 views
0

我想要做什麼如何使用CSV數據D3

我的CSV看起來像這樣

,,Name,First names,s,r,Nat,born,starting point,starting date,arrival date,days,km,Assist,Support,Style,note,arrival date 2 
1,1,KAGGE,Erling,,,Nor,1/15/1963,Berkner Island,11/18/1992,1/7/1993,50,appr. 1300,n,n,solo,first solo unassisted, 
2,2,ARNESEN,Liv,f,,Nor,6/1/1953,Hercules Inlet,11/4/1994,12/24/1994,50,1130,n,n,solo,first woman unassisted, 
3,3,HAUGE,Odd Harald,,,Nor,1956,Berkner Island,11/4/1994,12/27/1994,54,appr. 1300,n,n,,, 

我應該如何匯入我的CSV,讓我能夠訪問數據,如

.text(function(d) { 
     return d['starting point']; 
    }); 

我已經試過

我試圖嵌套數據

d3.csv("data.csv", function(csv_data) { 
    var data = d3.nest() 
    .key(function(d) { 
     return d.Name; 
    }) 
    .entries(csv_data) 
console.log(data); 

這在我的控制檯看起來是這樣的:

0: Object 
    key: " DICKINSON" 
    values: Array[2] 
    0: Object 
     Assist: "n" 
     First names: "Conrad" 
     Name: " DICKINSON" 
     Nat: "UK" 
     starting point: "Hercules Inlet" 
1:Object 
2:Object 
.... 

但是我只能返回d.key

.text(function(d) { 
     return d.key; 
    }); 

我有用代碼示例問這個問題before,但我想我的問題太混亂了。如果有人能幫助我獲得我的數據,我將非常感激!

回答

1

不要嵌套它。

d3.csv("data.csv", function(csv_data) { 
    select("body") 
    .append("div") 
    .selectAll('p') 
    .data(csv_data) 
    .enter() 
    .append('p') 
    .text(function(d) { d.Name + ', ' + d.location...}) 
});