我试图使用d3.js从.csv导入一些数据.我无法做到这一点,并想知道是否有人可以伸出援助之手.我的.csv文件格式如下:
max_i,min_i,max_f,min_f
-122.1430195,-122.1430195,-122.415278,37.778643
-122.1430195,-122.1430195,-122.40815,37.785034
-122.4194155,-122.4194155,-122.4330827,37.7851673
-122.4194155,-122.4194155,-122.4330827,37.7851673
-118.4911912,-118.4911912,-118.3672828,33.9164666
-121.8374777,-121.8374777,-121.8498415,39.7241178
-115.172816,-115.172816,-115.078011,36.1586877
-82.5618186,-82.5618186,-79.2274115,37.9308282
-79.9958864,-79.9958864,-80.260396,40.1787544
-74.1243063,-74.1243063,-74.040948,40.729688
-106.609991,-106.609991,-106.015897,35.640949
Run Code Online (Sandbox Code Playgroud)
我正在尝试使用以下代码加载数据:
var dataset = []
d3.csv("data.csv", function(data) {
dataset = data.map(function(d) { return [ +d["max_i"], +d["min_i"] ]; });
});
console.log(dataset)
Run Code Online (Sandbox Code Playgroud)
但是,我只是在控制台中得到一个空的[].谁能指出我的错误?
我正在尝试调整http://bl.ocks.org/mbostock/2206340 上的地图并在其上绘制一些点。我在名为 data.csv 的 csv 文件中有我要使用的数据(纬度和经度),其格式如下:
lon_0,lat_0,lon_1,lat_1
-122.1430195,37.4418834,-122.415278,37.778643
-122.1430195,37.4418834,-122.40815,37.785034
-122.4194155,37.7749295,-122.4330827,37.7851673
-122.4194155,37.7749295,-122.4330827,37.7851673
-118.4911912,34.0194543,-118.3672828,33.9164666
-121.8374777,39.7284944,-121.8498415,39.7241178
-115.172816,36.114646,-115.078011,36.1586877
Run Code Online (Sandbox Code Playgroud)
我对代码所做的修改包含在以下代码段中
d3.json("us-states.json", function(json) {
d3.csv("data.csv", function(data) {
dataset = data.map(function(d) { return [ +d["lat_0"], +d["lon_0"] ]; });
console.log(data)
states.selectAll("circle")
.data(data)
.enter()
.append("circle")
.attr("cx", function(d) {
return projection([d["lon_0"], d["lat_0"] ])[0];
})
.attr("cy", function(d) {
return projection([d["lon_0"],d["lat_0"] ])[1];
})
.attr("r", 5)
.style("fill", "red");
});
states.selectAll("path")
.data(json.features)
.enter().append("path")
.attr("d", path)
.on("click", click);
});
Run Code Online (Sandbox Code Playgroud)
地图渲染良好,但未显示图。知道这里有什么问题吗?我尝试了很多不同的东西,我不确定这是覆盖点的州地图的问题,还是投影有问题......