Probleme mit der Codeausführung in D3s JSON -Callback

Problem:

In D3 -Verschreibungen vor V5, der in den Abschluss des Codes geschrieben wurde. Der Anruf.

Lösung:

Signaturänderung in d3 v5:

Die Unterschrift von d3.json () hat sich in D3 v5 geändert. Es gibt jetzt ein Versprechen zurück, anstatt sich auf eine Rückruffunktion zu verlassen. Das zweite Argument ist jetzt ein optionales Anfragen. .then (Funktion (Daten) { // Code aus deinem ursprünglichen Rückruf hier ... });

Fehlerbehandlung:

d3 v5 stützt sich nicht mehr auf den ersten Parameter des Rückrufs für die Fehlerbehandlung. Stattdessen wird das von d3.json () zurückgegebene Versprechen abgelehnt, wenn ein Fehler auftritt.

d3.json("/trip_animate/tripData.geojson")
  .then(function(data) {
    // Code from your original callback here...
  });

. Dann () mit Fehlerhandler:

d3.json("/trip_animate/tripData.geojson")
  .then(function(data) {
    // Code from your original callback here...
  })
  .catch(function(error) {
    // Error handling code here...
  });

d3.json ("/tripda. /&]

d3.json("/trip_animate/tripData.geojson")
  .then(function(data) {
    // Code from your original callback here...
  })
  .catch(function(error) {
    // Error handling code here...
  });

d3.json ("/trip_animate/tripdata]

. catch () für die Fehlerbehandlung:

d3.json ("/trip_animate/tripData.geojson")) .then (Funktion (Daten) { // Code aus deinem ursprünglichen Rückruf hier ... }). catch (Funktion (Fehler) { // Fehlerbehandlungscode hier ... }); Wenn Sie diese Änderungen implementieren, können Sie sicherstellen, dass Ihr Code in dem Rückruf d3.json () wie beabsichtigt ausgeführt wird.