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