Javascript Girl
  1. Javascript Girl
  3. Comment importer des données json dans D3?
Intereting Posts
Aperçu de l'image sans téléchargement sur mon serveur Besoin de lire l'heure dans certains fuseaux horaires et ensuite de le convertir en fuseau horaire utilisateur Comment puis-je remplacer la sortie par défaut d'un objet? Appelez WebServices à partir de JavaScript sans utiliser ScriptManager dans asp.net Comment puis-je utiliser JQuery pour vérifier si un div se déroule complètement vers le bas? Obtenir un tableau d'octets via le type d'entrée = fichier Remplacez le symbole emoji unicode en utilisant regexp en javascript Permettre aux utilisateurs d'ajouter des marqueurs à Google Maps et d'obtenir les coordonnées Résultat de filtrage basé sur les cases avec jQuery en utilisant la valeur et la classe Window.close () ne fonctionne pas sur Firefox, tout travail autour? Comment sérialiser la ligne de table vers l'objet json Comment déboguer les promesses javascript? Les événements Backbone.js dans mes vues déclenchent plusieurs fois Comment jouer de la musique en arrière-plan à travers les pages Diviser le modèle de vue knock-out en plusieurs fichiers

Comment importer des données json dans D3?

Comment puis-je importer le fichier json dans D3?

J'ai fait d3.json("temp.json");

Mais comment puis-je accéder à cet ensemble de données dans un code supplémentaire?

Jusqu'à présent, j'ai essayé: 

 var data=d3.json("temp.json");

Mais l'utilisation de .data (données) n'a pas fonctionné dans le reste du code. Par exemple, ici 

 var rows = g.selectAll("g.row") .data(data) .enter().append("g") .attr({ "class": "row", "transform": function(d, i) { var tx = 170 + i * squareWidth; var ty = 150; return "translate(" + [tx, ty] + ")" } });

Il n'est pas possible d'accéder aux données. J'ai copié collé le json en variable et ça a bien fonctionné. Il n'y a donc aucun problème avec les données elles-mêmes.

La fonction d3.json() est asynchrone. Ainsi, vous devez attendre que les données soient reçues avant de lire la variable de data . C'est la raison pour laquelle, lorsqu'il s'agit de données asynchrones, la pratique consiste à tout faire dans la fonction d3.json() 

 d3.json("temp.json", function(error, data){ //use data here }) // do not use data anymore