javascript - D3和鼠标事件，点击测试不起作用

Question

我不确定为什么我的点击方法不起作用。在此测试中，我希望能够单击图表上的一个圆形节点并显示其编号。将鼠标悬停在作品上有点效果。

我正在使用哪个库的点击事件，D3？ jQuery？正常的JS？

最终我想在将鼠标悬停在节点上时显示工具提示，并在将鼠标移开时使它们消失

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"); });

Answer 1

您已将事件处理程序附加到 svg:text 元素。我想你想将它附加到 svg:circle 元素:

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; });