Javascript 如何使用d3.js访问CSV数据
我在Chrome控制台中输入了以下代码: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
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无关。你要么有一个对象数组,要么有一个数组,另一个问题解释了如何访问这些对象(这就是你要问的,对吗?),非常有用。非常感谢。