D3.js Comment appliquer plusieurs classes lors de l'utilisation d'une fonction

Je suis actuellement à l'aide D3.js et suis tombé sur un problème que je n'arrive pas à résoudre.

J'ai un fichier CSV qui a une colonne nommée "Set" et une colonne nommée "Année". Je veux tirer les valeurs de ces colonnes et de les utiliser comme noms de classe. C'est ce que j'ai actuellement...

var circle = svg.selectAll("circle")
            .data(data)
            .enter()
            .append("circle")
            .attr("class", function(d) {
                if (d["Set"] == 1)
                {
                    return "set-1";
                }
                if (d["Set"] == 2)
                {
                    return "set-2";
                }
            });

Cela fonctionne parfaitement bien et donne à chacun des points de données d'un nom de classe. Quand j'ai essayer la suite cependant, le "Set" les noms de classe sont plus écrits par les "An" les noms de classe.

var circle = svg.selectAll("circle")
            .data(data)
            .enter()
            .append("circle")
            .attr("class", function(d) {
                if (d["Set"] == 1)
                {
                    return "set-1";
                }
                if (d["Set"] == 2)
                {
                    return "set-2";
                }
            .attr("class", function(d) {
                if (d["Year"] == 2012)
                {
                    return "2012";
                }
                if (d["Year"] == 2013)
                {
                    return "2013;
                }
            });

Comment ce code peut être corrigé de manière à ce qu'il ajoute sur d'autres noms de classe, par opposition à écrire.

Espère que quelqu'un peut vous aider.

  • Avez-vous envisagé d'utiliser jQuery? Il a une belle addClass() méthode.
  • Mais comment puis-je accéder à l' .CSV et de les appliquer à la classe de la correcte des données, les nœuds?
  • Vous pouvez ajouter la classe après le chargement du fichier CSV?
InformationsquelleAutor Dally | 2013-04-19