Loading JSON in D3 gibt Nullwert

Question

Ich benutze D3, um eine Karte der Vereinigten Staaten zu rendern. Wenn ich versuche, die JSON-Datei zu laden, jedoch erhalte ich diese Fehlermeldung:

Uncaught TypeError: Cannot read property 'features' of null

Dies ist die JSON-Datei Ich verwende: https://github.com/alignedleft/d3-book/blob/master/chapter_12/us-states.json

Es ist im selben Verzeichnis wie alle meine anderen gelegen ist Dateien.

// 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); 
}); 

Jeder Einblick würde geschätzt werden. Vielen Dank!

Answer 1

Das erste Argument in der anonymen Funktion ist "Fehler". Es ist wie

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

Vermutlich hast du das verpasst. Überprüfen Sie https://github.com/d3/d3-request/blob/master/README.md#json