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

Javascript 如何使用d3.js访问CSV数据,javascript,csv,d3.js,Javascript,Csv,D3.js,我在Chrome控制台中输入了以下代码: d3.csv("dataset32.txt") .row(function(d) { return {time: +d.time, value: +d.val}; }) .get(function(error, rows) { console.log(rows); }); 这将返回一个包含160个对象的数组,其中包含我的CSV文件的数据 d3.csv("path to your csv file", function(data, err

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

d3.csv("dataset32.txt")
    .row(function(d) { return {time: +d.time, value: +d.val}; })
    .get(function(error, rows) { console.log(rows); });
这将返回一个包含160个对象的数组,其中包含我的CSV文件的数据

d3.csv("path to your csv file", function(data, error) { // You're function goes in here. }) 如何引用这些对象中的数据

“dataset32.txt”是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

那么我如何引用这些对象中的数据:“时间”和“值”?

这里有一个直接的方法,可以使用d3导入您的
csv
文件

d3.csv(“csv路径”,函数(数据,错误){})

更多信息

这里有一个函数可以帮助您

步骤1:导入CSV文件

d3.csv("path to your csv file", function(data, error) { // You're function goes in here. }) d3.csv(“csv文件的路径”,函数(数据,错误){ //你可以把函数放在这里。 }) 第二步:瞄准你的数据

// This can be done using the data variable assigned in the function. data.forEach(function(d) { // Function goes in here. }) //这可以使用函数中指定的数据变量来完成。 data.forEach(函数(d){ //函数在这里。 }) 第三步:瞄准你的专栏

// 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; }) //假设您有两列,即time和val。 data.forEach(函数(d){ //您可以使用此功能以列为目标。 //函数(d){返回d.colname} //在这里,我将在导入后将您的时间和val列数解析为实际数。 d、 时间=+d时间; d、 val=+d.val; }) 文件


希望这能有所帮助。

我不确定这是否能回答我的问题。CSV文件不是JSON格式。对不起,我是初学者。我正在编辑我的文章,以包含csv数据的一个样本。链接的问题与JSON无关。你要么有一个对象数组,要么有一个数组,另一个问题解释了如何访问这些对象(这就是你要问的,对吗?),非常有用。非常感谢。