Question

我在Chrome控制台中输入了以下代码：

d3.csv("dataset32.txt")
    .row(function(d) { return {time: +d.time, value: +d.val}; })
    .get(function(error, rows) { console.log(rows); });

这将返回一个包含我的CSV文件数据的160个对象的数组。

如何引用这些对象中的数据？

＆＃34; dataset32.txt＆＃34;是CSV数据，如下所示：

time,val
0,1.8988762857143
0.0625,0
0.125,-2.6204492857143
0.1875,-0.34179771428571

控制台打印出上述命令的结果，如下所示：

[Object, Object, Object…]
[0 … 99]
0: Object
time: 0
value: 1.8988762857143
__proto__: Object

那么我如何引用这些对象中的数据：＆＃34; time＆＃34;和＆＃34;价值＆＃34;？

Answer 1

以下是使用d3导入csv文件的简单方法。

d3.csv("path to the csv", function(data, error) { })。

有关csv的更多信息。

这是一个可以帮助你的功能。

第1步：导入CSV文件。

d3.csv("path to your csv file", function(data, error) {
       // You're function goes in here.
})

第2步：定位您的数据。

// This can be done using the data variable assigned in the function.
data.forEach(function(d) {
      // Function goes in here.
})

第3步：定位您的列。

// Suppose you have 2 columns namely time and val.
data.forEach(function(d) {
     // You can target your columns using this fucntion.
     // function(d) {return d.colname}
     // Here I'm parsing your time and val col numbers to actual numbers after importing.

     d.time = +d.time;
     d.val = +d.val;
})

d3的文档。

希望这有帮助。

如何使用d3.js访问CSV数据

1 个答案: