如何在d3

时间:2016-02-02 22:25:16

标签: d3.js

我想做什么

我的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 个答案:

答案 0 :(得分: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...})
 });