Javascript 使用d3中的csv文件进行数据解析

考虑链接中显示的示例。这是解析var数据的正确方法吗

var data = []
d3.csv("data.csv", function(data) {
    data = data.forEach(function(d) { return [ x[d[0]], y[d[1]]] });
    console.log(data)
});

data.csv应保存这些值

[2, 2],
[3, 3],
[4, 4],
[5, 4],
[5.5, 5],
[6, 6],
[6, 7],
[6.5, 8],
[6.5, 16],
[17, 16]

---

假设您的意思是

数据

应该包含这些值，那么您的

data.csv

应该如下所示：

first,second
2,2
3,3
4,4
5,4
5.5,5
6,6
6,7
6.5,8
6.5,16
17,16

然后您可以使用字段的名称对其进行解析：

var data = []
d3.csv("data.csv", function(csvData) {
    // By default, all the values read are treated as strings.
    // So have to make them numbers explicitly
    data = csvData.forEach(function(d) { return [ +d.first, +d.second ] });
    console.log(data);

    // Draw the chart here.
});

---

我不清楚“解析”是什么意思，但不，您发布的代码不起作用。我希望数据值来自外部csv文件，即在本例中从csv文件加载数据。我没有得到输出，我得到的是一个空白图表，上面没有任何数据点。@user3438326是正确读取的日期（通过查看

console.log

）进行检查？如果是这样，那么您是否在回调之外绘制图表？获取

csv

文件的调用是异步进行的，并且在获取数据之前将执行

d3.csv

回调之外的任何代码。*TypeError:n未定义。我在控制台中收到此错误