使用 d3 中的 csv 文件進行數據解析

Question

考慮使用字母數字字符標記軸鏈接中顯示的示例。 這是解析 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.
});