在 d3 中使用 csv 文件解析数据

Question

请考虑链接Labeling the axis with alphanumeric characters 中显示的示例。这是解析 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]

Answer 1

假设您的意思是 data 应该保存这些值，那么您的 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.
});