D3 et les événements de la souris, cliquez sur test ne fonctionne pas

Je ne suis pas sûr pourquoi ma méthode de clic ne fonctionne pas. Dans cet essai, je veux être en mesure de cliquer sur l'un des nœuds circulaires sur le graphique et l'affichage de son numéro. Planant au-dessus de travaux type de.

Ce que la bibliothèque cliquez sur l'événement suis-je utiliser, D3? Jquery? normal JS?

en fin de compte je veux faire les info-bulles lorsque j'ai passez la souris sur les nœuds, et les faire disparaître quand je bouge la souris

http://jsfiddle.net/ericps/b5v4R/

dots.enter()
    .append("circle")
    //.append("svg:circle")
    .attr("class", "dot")
    .attr("cx", complete_line.x())
    .attr("cy", complete_line.y())
    .attr("r",3.5)
    .append("title")
    .text(function(d){ return d.completed;})
    .on("click", function(d) { alert("hello"); });
InformationsquelleAutor CQM | 2013-01-15
  1. 5

    Vous ai joint le gestionnaire d'événements au format svg:élément de texte. Je pense que vous voulez joindre à la svg:cercle élément:

    dots.enter().append("circle")
    .attr("class", "dot")
    .attr("cx", complete_line.x())
    .attr("cy", complete_line.y())
    .attr("r",3.5)
    .on("click", function(d) { alert("hello"); })
  .append("title")
    .text(function(d){ return d.completed; });
    • hey merci! pouvez-vous expliquer pourquoi cela fonctionne? Je suis vraiment en manque quelques fondamentaux sur JS ou Jquery que tous les D3 trucs genre d'suppose. N'ajoutez MOYENNE nouvel objet? Son étrange syntaxe
    • Toutes les commandes de la chaîne avec la notation par points sont appliqués à la sélection que vous travaillez. Comme les fonctions de sélectionner et d'ajouter va changer la sélection active. Donc, la suivante aura pour effet d'ajouter un élément div pour le corps, définir la div de classe, d'ajouter un élément p de la div, de définir le contenu de texte de la p: d3.sélectionnez("corps").append("div").attr("class", "conteneur").append("p").texte("salut");. Dans votre cas, vous avez voulu le cercle élément de répondre aux clics de la souris et non pas le titre de l'élément. C'est pourquoi le "" la méthode a dû comparaître devant le append("titre").
    • Il y a beaucoup de tutos: github.com/mbostock/d3/wiki/Tutorials, par exemple dashingd3js.com et alignedleft.com/tutorials/d3 D3 ne repose pas sur jQuery. Il n'en assument les JS de base de connaissances.
    • merci! oui tous mes JS connaissances a été assez adhoc et mélangé avec jQuery par nécessité, je vais donc remplir toutes les lacunes
    • bonjour, savez-vous comment je peux vérifier si une sélection a déjà été cliqué? Je suis en train de faire un diagramme circulaire interactif avec D3 alors, quand je clique sur un morceau que je veux faire afficher une info-bulle et si je clique à nouveau sur elle ou sur une autre pièce, il doit la fermer.
    InformationsquelleAutor nautat