Javascript Girl
  1. Javascript Girl
  3. Importation de données à partir de plusieurs fichiers csv dans D3
Intereting Posts
Barre oblique – Expression régulière – Javascript Requêtes de type base de données avec Firebase Pourquoi l'appel de setTimeout avec parenthèse ne démarre-t-il pas un nouveau compte d'appel? Constructeur asynchrone Ajouter plusieurs variables sur la fonction javascript? HTMLInputElement n'a pas de méthode 'val' Pourquoi est-ce que je vois une erreur «origine n'est pas autorisée par Access-Control-Allow-Origin» ici? Sélection HTML et entrée de texte Access-Control-Allow-Origin ne fonctionne pas pour iframe avec le même domaine Odoo charge les fichiers javascript dans la version 8? Appeler plusieurs requêtes HTTP dans une requête HTTP unique dans Node.js Comment utiliser l'URL Blob, MediaSource ou d'autres méthodes pour jouer des blobs concaténés de fragments de médias? Comment détecter quand un iframe a déjà été chargé Remplacer de nombreux termes de texte, en utilisant Tampermonkey, sans affecter les URL et ne pas chercher des classes ou des ID Événements RISHJS sur la bigve tripple

Importation de données à partir de plusieurs fichiers csv dans D3

Je suis toute nouveau dans D3 et je viens de commencer à travailler sur un projet. Ma question est la suivante. Je souhaite importer des données à partir de 2 fichiers csv dans D3 pour les utiliser pour les comparaisons graphiques. Les problèmes auxquels je suis confronté sont:

1. Comment puis-je importer des données à partir de plusieurs fichiers csv.
2. Puis-je utiliser un tableau pour chaque csv ou D3 n'utilise-t-il qu'un seul ensemble de données globales?
3. Existe-t-il un moyen de choisir une certaine colonne à partir des fichiers csv à importer?

Voici un exemple, je veux importer le "oldVer" de chacun des fichiers dans des tableaux distincts, puis utiliser les 2 tableaux à utiliser. Est-ce possible dans D3 et comment?

Csv 1
Time, oldVer, newVer, oldT, newT
1,180930,190394,24,59
2,198039,159094,26,45
3,152581,194032,22,61

Csv 2
Time, oldVer, newVer, oldT, newT
1,184950,180435,27,26
2.120590,129409,13,13
3,165222,182133,60,54

Encore une fois, désolé pour la question stupide, mais j'ai trouvé peu de commentaires sur cette question. Toute aide serait appréciée.

Vous appelez simplement d3.csv plusieurs reprises: 

 d3.csv("csv1.csv", function(error1, data1) { d3.csv("csv2.csv", function(error2, data2) { // do something with the data }); });

Quant à votre troisième question, non, D3 analysera tout. Il n'y a rien qui vous oblige à utiliser toutes les données, alors, si vous êtes intéressé par une seule colonne, utilisez les données à partir de cela.

Vous pouvez utiliser une file d' attente d3 pour charger les fichiers simultanément. Un exemple; 

 d3.queue() .defer(d3.csv, "file1.csv") .defer(d3.csv, "file2.csv") .await(function(error, file1, file2) { if (error) { console.error('Oh dear, something went wrong: ' + error); } else { doStuff(file1, file2); } });