Discussion :

[WS33000]

Bonjour à tous,

je développe actuellement des graphiques en utilisant l'API d3. En voulant intégrer du code, je n'arrive pas à supprimer les données que je souhaite.
J'utilise un fichier CSV pour charger les données. Il contient trois valeurs différentes : name,value,value2.

Voici l'exemple de ce que je souhaite faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
d3.csv("./bdd_graph.csv", function(data) 
{							
    data.forEach(function(d) 
    {
        if (d.name == "test")
        {
            /*Supprimer d.value, d.name, d.value2*/
        }
        d.value = +d.value;
    });
}

Je vous remercie d'avance pour vos réponses.

[Bovino]

L'opérateur delete ?

[WS33000]

J'ai essayé mais cela ne fonctionne pas (ou alors je l'utilise mal...). Je ne veux pas supprimer les données du CSV mais juste de la collection en faite.

[arnogues]

Bonjour à tous,

je développe actuellement des graphiques en utilisant l'API d3. En voulant intégrer du code, je n'arrive pas à supprimer les données que je souhaite.
J'utilise un fichier CSV pour charger les données. Il contient trois valeurs différentes : name,value,value2.

Voici l'exemple de ce que je souhaite faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
d3.csv("./bdd_graph.csv", function(data) 
{							
    data.forEach(function(d) 
    {
        if (d.name == "test")
        {
            /*Supprimer d.value, d.name, d.value2*/
        }
        d.value = +d.value;
    });
}

Je vous remercie d'avance pour vos réponses.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
d3.csv("./bdd_graph.csv", function(data) 
{							
    data.forEach(function(d) 
    {
        if (d.name == "test")
        {
            delete d.value;
            delete d.name;
            delete d.value2;
        } else {
            d.value = +d.value;
        }
    });
}

Ensuite ben il faut ecrire le CSV de nouveau, faire un export
Donc là je ne sais point :o

[WS33000]

Mais la du coup ça le supprime du CSV ou de la collection ?

[arnogues]

de l'objet qui résulte de la transformation de ton CSV, pour écrire ton CSV tu dois faire appel à un langage serveur ou peut etre au FileAPI de HTML5

[WS33000]

D'accord mais dans ce cas pourquoi faudrait-il le réécrire après ?

[arnogues]

Tu veux que le CSV soit modifié ou pas ?
Ben D3 ne fait que lire le CSV, pas écrire.

[WS33000]

Non justement je ne veux pas que le CSV ne bouge, juste mon objet. Je vais tester ça mais il me semble avoir déjà essayé ... Merci

[WS33000]

Bon en faite les valeurs ont bien l'air d'être supprimées mais lorsque je lance la création du graphique j'ai le droit à :

Error: Invalid value for <rect> attribute width="NaN"

comme si les valeurs n'étaient pas la mais qu'il les cherchaient quand même. Faut il faire une manip pour que le data se mette à jour ?

[Bovino]

Il semblerait que ça ne soit pas les propriétés de d que tu doives supprimer mais d lui-même...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
if (d.name == "test"){
    delete data.d;
}

[WS33000]

La je n'ai plus d'erreurs mais par contre je n'ai plus aucune barre sur le graphique et j'ai tous les noms que je ne veux pas

[WS33000]

Après nouvelles vérifications les données ne sont toujours pas supprimées en faite.Si on refait une boucle sur data derrière il nous ré-affiche toutes les données y compris celles qui auraient du être supprimées.

[WS33000]

Ou alors en faisant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

delete d.les valeurs

il m'affiche undefined ...

[WS33000]

Bon et bien en faite j'ai créé un nouvel objet data avec ce que je veux dedans c'est le seul moyen que j'ai trouvé.

Merci a tous pour vos réponses