Ne peut pas rendre les chemins de tirage augmente lentement avec D3

À l'aide de la d3 bibliothèque graphique, je n'arrive pas à faire les chemins de dessiner lentement, de sorte qu'ils peuvent être vu de plus en plus.

Ce site a un parfait exemple de la "Ligne Graphique (Déroulage)", mais aucun code n'est donnée pour cette section. Quelqu'un pourrait-il m'aider avec les lignes de D3 code qui pourrait faire que cela se produise?

Quand j'ai essayer d'ajouter de retard (le) ou la durée() comme dans l'extrait de code suivant, le chemin d'accès attire toujours immédiatement, Et tout le code SVG après ce segment ne parvient pas à rendre.

    var mpath = svg.append ('path');
        mpath.attr ('d', 'M35 48 L22 48 L22 35 L22 22 L35 22 L35 35 L48 35 L48 48')
             .attr ('fill', 'none')
             .attr ('stroke', 'blue')
             .duration (1000);
Code pour l'exemple: blog.visual.ly/wp-content/uploads/2012/06/les transitions.html#13 ... tant pis, quand je le lance par le biais de jsbeautifier.org on peut voir que la mise en œuvre est idiot
Wow. Trois solutions différentes, mais peut cocher une seule case. Merci nrabinowitz, Duopixel, et btel!

OriginalL'auteur tgoneil | 2012-11-13