D3のJSONをロードするとnull値が返されます

Question

私はD3を使用して米国の地図をレンダリングしています。

Uncaught TypeError: Cannot read property 'features' of null

これは私が使用しているJSONファイルは次のとおりです：私は、JSONファイルをロードしようとすると、しかし、私は、このエラーメッセージが表示されますhttps://github.com/alignedleft/d3-book/blob/master/chapter_12/us-states.json

それは私の他のすべてと同じディレクトリにありますファイル。

// determine width and height 
var w = 500; 
var h = 300; 

// define map projection 
var projection = d3.geoAlbersUsa(); 

// this translates geojson coordinates to svg path codes 
var path = d3.geoPath() 
      .projection(projection); 

// create svg 
var svg = d3.select("body") 
      .append("svg") 
      .attr("width", w) 
      .attr("height", h); 

// load in the geojson file 
d3.json("states.json", function(json) { 
     console.log(json); // <---- comes up as "null" 
     // create one path per geojson feature 
     svg.selectAll("path") 
      .data(json.features) // <---- THIS is where the error is apparently coming from 
      .enter() 
      .append("path") 
      .attr("d", path); 
}); 

いずれの洞察も認められます。ありがとう！

Answer 1

匿名関数の最初の引数は 'error'です。それはのようです

d3.json(filePath, function(err,data){ 
if(err) console.log("error fetching data"); 
// data holds the file content 
}); 

おそらくそれを逃した。チェックhttps://github.com/d3/d3-request/blob/master/README.md#json