Question

我刚开始使用D3.js和html / js，我试图弄清楚如何使用d3.csv将csv文件读入单独的数组中。我有一个csv文件，如下所示：

cause, prevalence, disability;
cancer, .3, .4;
aids, .5, .5;
malaria, .2, .1;

目前，我正在努力为“原因”，“普遍性”和“残疾”创建数组。以下是我使用的代码：

<html>
  <script type="text/javascript" src="../d3/d3.js"></script>
  <script type="text/javascript" src="../d3/d3.csv.js"></script>
  <script type="text/javascript">
    d3.csv('disability.csv', function(csv){
      var cause=csv[0];
      var prevalence=csv[1];
      var disability=csv[2];
      for (i=0;i<cause.length;i++)
      {
        document.write(cause[i] + "<br />");
      }
    })
  </script>
</html>

document.write部分只是为了测试我已经读过数据。

Answer 1

看起来你的意思是var cause = csv[0]引用第一个变量/列，我猜？没有看到csv文件，很难确定。

如果是这种情况，那么它不起作用的原因是javascript数组很遗憾没有简单的方法来访问单个变量/列。

csv[0]代替您的csv的第一个行。在d3的csv模块的情况下，它将是一个字典，其中包含csv中每个变量（列名）的键，例如：

console.log(csv[0]);
{ cause: 'A', prevalence: .1, disability: .5 }

因此，如果您想为每个变量/列创建单独的数组，您可以执行以下操作：

var cause = [],
    prevalence = [],
    disability = [];
csv.map(function(d) {
    cause.push(d.cause);
    prevalence.push(d.prevalence);
    disability.push(d.disability);
}

然后你会留下你想要制作的三个阵列。但是在d3中，您实际上可能只是将整个csv对象作为data传递给您正在创建的任何对象，然后使用访问器函数[例如.attr('y', function(d) { return d.prevalence; })]在特定上下文中使用特定的列/变量。

使用D3.csv读取csv数据，每列都在单独的数组中

1 个答案: