con la ejecución de código dentro de la devolución de llamada de D3 JSON

Problema:

Versiones D3 antes de v5, el código escrito dentro del callback de la call. la llamada.

solución:

El cambio de firma en d3 v5:

la firma de d3.json () ha cambiado en d3 v5. Ahora devuelve una promesa en lugar de confiar en una función de devolución de llamada. El segundo argumento ahora es un objeto de requestsInit opcional.

modificado Código:

para resolver el problema, reescribir el código de la siguiente manera:

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

Error manejo:

d3 v5 ya no se basa en el primer parámetro de la devolución de llamada para el manejo de errores. En su lugar, la promesa devuelta por d3.json () será rechazada si ocurre un error.

hay dos formas principales de manejar errores:

1. . Entonces () con manejo de errores:
[&] d3.json ("/trip_animate/trip_anime .Then (función (datos) { // código desde su devolución de llamada original aquí ... }) .Catch (función (error) { // Código de manejo de errores aquí ... });

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

. Catch () para el manejo de errores:
d3.json ("/trip_animate/tripData.geojson") .Then (función (datos) { // código desde su devolución de llamada original aquí ... }). Catch (function (error) { // Código de manejo de errores aquí ... });

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