CSV解析成数组在d3

csv parsing into arrays in d3

本文关键字:d3 数组 CSV      更新时间:2023-09-26

我有麻烦解析我的csv文件到一个空数组。似乎我可以解析文件,但我似乎不能填充数组。

这是我的csv文件(157行-这里显示9行)的精简视图:

"",percentage "1",0.275862068965517 "2",0.137931034482759 "3",0.133333333333333 "4",0.4 "5",0.633333333333333 "6",0.766666666666667 "7",0.379310344827586 "8",0.724137931034483 "9",0.933333333333333

这是我的代码在d3:

var values = [];
d3.csv("wlythree.csv", function(data) {
  values = data.map(function(d) { return [ +d["percentage"] ]; });
});
console.log(values)

它在控制台中打印出一个空数组。我放入console.log只是为了检查我的代码——除此之外不需要它。所有我需要的是百分比列在数组和我的代码的其余部分完美地工作。我似乎不明白,任何帮助将非常感激!

这应该能奏效:

d3.csv("wlythree.csv", function(data) {
    var values = [];
    values = data.map(function(d) { return d.percentage; });
    console.log(values)
});

收益率:

["0.275862068965517", "0.137931034482759", ...]

编辑:将values的声明放在回调中,因为csv加载是异步的,这样可以更好地反映脚本流程。