d3.js访问x y坐标

时间:2017-10-25 17:54:34

标签: javascript csv parsing d3.js

我想创建一个散点图,我需要x y坐标。

我必须从以这种方式存储数据的csv文件中提取坐标:

ARRESTEE HOME CITY - MAPPED (header)
PESOTUM IL 61863 (39.906012°, -88.281892°)
KOKOMO IN 46902 (40.443256°, -86.114184°)
GLENVIEW IL 60026 (42.092102°, -87.837869°)

如何访问括号中的坐标? 谢谢!

1 个答案:

答案 0 :(得分:1)

您可以使用回调函数格式化数据。

var data = []
d3.csv("data.csv", function(data) {
data = data.map(function(d) { /* format as needed */ });
});

更新:

var dt = []
    d3.csv("test.csv", function(error,data) {
    dt = data.map(function(d){ console.log(d["MAPPED(header)"].split(',')); });
    });

另外,要执行此操作,必须以下列格式编辑CSV文件 ARRESTEE HOME CITY - MAPPED(标题) PESOTUM IL 61863“(39.906012°, - 88.281892°)” KOKOMO IN 46902“(40.443256°, - 86.114184°)” GLENVIEW IL 60026“(42.092102°,-87.837869°)”

在最后一列附近添加了双引号。如果它是逗号分隔的CSV文件,则完成此操作。如果它是空格分隔的CSV,那么我认为这不是必需的。