Javascript D3.js csv文件中的列顺序错误_Javascript_Csv_D3.js

Javascript D3.js csv文件中的列顺序错误

javascript csv d3.js

Javascript D3.js csv文件中的列顺序错误,javascript,csv,d3.js,Javascript,Csv,D3.js,我正在尝试导入具有以下列顺序的csv： country,2004,2008,2012 eu 28 none,,11.1,12.8 eu 28 one language,,35.7,36.6 eu 28 two languages,,53.1,50.6 eu 27 none,8.3,11.2,12.9 eu 27 one language,54.7,35.9,36.7 eu 27 two languages,,52.9,50.3 之后 d3.keys(csv[0]) 不知何故，这些列被导入为

我正在尝试导入具有以下列顺序的csv：

country,2004,2008,2012
eu 28 none,,11.1,12.8
eu 28 one language,,35.7,36.6
eu 28 two languages,,53.1,50.6
eu 27 none,8.3,11.2,12.9
eu 27 one language,54.7,35.9,36.7
eu 27 two languages,,52.9,50.3

之后

 d3.keys(csv[0])

不知何故，这些列被导入为：

 ["2004", "2008", "2012", "country"]

为什么会这样？我使用列顺序作为应该显示什么符号的鉴别器，所以这对我来说是一个很大的问题

使用的一些代码

d3.csv( folder + "/" + file, function(csv) { 
    var allheaders = d3.keys(csv[0]);
    console.log(d3.keys(csv[0]));

将其作为文本文件引入，然后可以利用d3.cvs.parseRows返回数组这一事实。这意味着订单将与原文一致

代码的基本问题是d3.csv返回一个对象数组，没有定义对象成员的顺序，这是一个javaScript问题

你能给我们看一些你用来导入csv的代码吗？在上面的文本中添加了它。键的顺序是未定义的，这在下面的文本中再清楚不过了。问题是，这并不重要，因为您可以使用csv[i][column\u name]或csv[i].column\u name获取所需内容。谢谢您的链接。如果我有这个专栏的名字，你的建议就太好了。这将用于从几百个不同的CSV创建几个不同的条形图，这些CSV具有几个不同的列名，因此这是一个相当大的问题。到目前为止，我一直假设，因为它总是按照我输入的csv或tsv中写入的顺序导入列

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
  <style>
    div {
      white-space: pre;
    }
    td, th {
      outline: 1px solid white;
      background-color: #ccc;
    }
    th {
      text-align: left;
    }
    td:not(:first-child) {
      text-align: right;
    }
  </style>
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<!--<script src="d3 CB.js"></script>-->
<script>
  d3.text("data.csv", function (text) {
    var csv = d3.csv.parse(text), allheaders = d3.csv.parseRows(text)[0],
      table = d3.select("body").append("table");
    table.append("thead")
      .append("tr").selectAll("th")
      .data(allheaders).enter()
        .append("th")
        .text(function(d){return d});
    table.append("tbody").datum(csv)
        .selectAll("tr")
        .data(function(d){
          return d
        })
          .enter().append("tr")
            .selectAll("td")
            .data(function(row){
              return allheaders.map(function(h) { return row[h]})
            }).enter().append("td")
            .text(function(d) {
              return d
            });
  });
</script>
</body>
</html>