Importation de données à partir .csv à l'aide de d3.js

Je suis en train d'importer des données à partir d'un .csv à l'aide de d3.js. Je vais avoir du mal à faire cela, et je me demandais si quelqu'un pouvait donner un coup de main. Mon .csv fichier est formaté comme suit:

max_i,min_i,max_f,min_f
-122.1430195,-122.1430195,-122.415278,37.778643
-122.1430195,-122.1430195,-122.40815,37.785034
-122.4194155,-122.4194155,-122.4330827,37.7851673
-122.4194155,-122.4194155,-122.4330827,37.7851673
-118.4911912,-118.4911912,-118.3672828,33.9164666
-121.8374777,-121.8374777,-121.8498415,39.7241178
-115.172816,-115.172816,-115.078011,36.1586877
-82.5618186,-82.5618186,-79.2274115,37.9308282
-79.9958864,-79.9958864,-80.260396,40.1787544
-74.1243063,-74.1243063,-74.040948,40.729688
-106.609991,-106.609991,-106.015897,35.640949

Je suis en train de charger les données en utilisant le code suivant:

var dataset = []
d3.csv("data.csv", function(data) {
   dataset = data.map(function(d) { return [ +d["max_i"], +d["min_i"] ]; });
});
console.log(dataset)

Cependant, je viens d'obtenir un vide [] dans la console. Quelqu'un peut-il remarquer mon erreur?

InformationsquelleAutor araspion | 2013-04-02
  1. 21

    Le modifier:

    var dataset = []
d3.csv("data.csv", function(data) {
   dataset = data.map(function(d) { return [ +d["max_i"], +d["min_i"] ]; });
   console.log(dataset)
});

    Vous devez inspecter dataset à l'intérieur de la fonction de rappel, une fois que vos données sont retournées.

    • Merci, le problème c'est que je suis maintenant une nouvelle erreur. C'est ce que la console est de l'impression. Uncaught TypeError: Cannot call method 'map' of undefined example.html:63 (anonymous function) example.html:63 (anonymous function) d3.v2.min.js:1 r d3.v2.min.js:2 r.onreadystatechange
    • J'ai édité ma réponse, je devrais avoir payé l'attention. Puisque vous êtes à l'aide de la v2, il n'y a pas d'erreur d'argument.
    • Merci, je suppose que je suis un peu confus au sujet de la délimitation de l'étendue ici. Pourquoi est-ce que je dois inspecter l'ensemble de données à l'intérieur de la fonction de rappel, même si je suis à l'affectation des données à une variable globale, je définir en dehors de la d3.csv() la fonction?
    • Parce que la fonction de rappel est exécutée de manière asynchrone, une fois que les données sont retournées. Cela signifie que si vous mettez la console.journal(dataset) à l'extérieur de la fonction de rappel, vous allez obtenir le tableau vide que vous avez défini, car aucune donnée n'a été retourné. Si ceci répond à votre question, vous devez marquer comme tel. Pour aider d'autres avec le même problème. 🙂
    • Merci! Grande aide. Je suppose que j'étais sous l'impression que tout ce qui se passe dans la fonction de callback qui arriverait en parallèle pour le reste du script, de sorte qu'il pourrait revenir incomplète de l'objet...mais est-il réellement obtenir à la fin du script, et puis ne le csv trucs? En tout cas, cela résout le problème.
    • Il est vraiment impossible de dire exactement quand elle va faire le CSV choses autre que de dire qu'il va le faire une fois les données au format CSV, est renvoyé. Essayez de regarder cela de cette façon, le callback est une fonction qui est passé en argument à une autre fonction, d3.csv(). Vous n'êtes pas à l'exécution de cette fonction juste parce que vous n'êtes pas en invoquant, j'.e function (data) {}(). Elle est appelée une fois que les données sont renvoyées. Lorsque vous passer une fonction en tant qu'argument, vous êtes essentiellement de raconter l'csv fonction, "hey, l'exécution de cette fonction quand vous obtenez les données et je vais continuer mon script". J'espère que ça aide.

    InformationsquelleAutor Andy Thornton