No estoy seguro de por qué mi haga clic en el método no está funcionando. En esta prueba, quiero ser capaz de hacer clic en uno de los círculo de nodos en el gráfico y la visualización de su número. Se cierne sobre tipo de obras.

Lo que la biblioteca haga clic en evento estoy utilizando, D3? Jquery? normal JS?

finalmente quiero hacer la información de herramientas cuando se me pase el ratón sobre los nodos, y hacerlos desaparecer cuando muevo el ratón de distancia

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 Comentario

  1. 5

    Has conectado el controlador de eventos svg:elemento de texto. Creo que desea adjuntar a la svg:círculo elemento:

    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 muchas gracias! puede usted explicar por qué funciona? Estoy realmente faltan algunos fundamentos en JS o Jquery que todo el D3 tipo de cosas se supone. ¿Anexar SIGNIFICA nuevo objeto? Su tipo de extraña sintaxis
    • Todos los comandos de la cadena con la notación de punto se aplican a la selección que se está trabajando. Funciones como seleccionar y anexar va a cambiar la selección activa. Así, el siguiente va a anexar un elemento div para el cuerpo, conjunto de la div de la clase, añadir un elemento p para el div, establecer el contenido de texto de la p: d3.seleccione(«cuerpo»).append(«div»).attr(«clase», «contenedor»).append(«p»).texto(«hola»);. En el caso de que usted quisiera el círculo elemento para responder a los clics del ratón y no el elemento title. Es por eso que el «en» método tenía que aparecer antes de que el append(«título»).
    • Hay una gran cantidad de tutoriales: github.com/mbostock/d3/wiki/Tutorials, por ejemplo: dashingd3js.com y alignedleft.com/tutorials/d3 D3 no depende de jQuery. Asume algunos básicos JS conocimiento.
    • gracias! sí, todos mis JS conocimiento ha sido bastante ad-hoc y se mezcla con jQuery por necesidad, así que voy a tener que rellenar todos los huecos
    • hola, ¿sabes cómo puedo comprobar si la selección ya se ha pinchado? Estoy tratando de hacer un sistema interactivo gráfico de sectores con D3 así que cuando hago clic en una pieza que yo quiero hacer mostrar una descripción de la herramienta y si hago clic otra vez sobre el mismo o sobre otra pieza que se debe cerrar.

Dejar respuesta

Please enter your comment!
Please enter your name here