javascript svg 鼠标悬停效果

Question

将鼠标移到圆圈上时如何弹出框？

我花了好几个小时才解决这个问题。是否可以只处理这里 javascript 文件中的代码而不更改 html 文件中的任何内容？

JavaScript:

 svg.selectAll("circle")
 .data(sales)
 .enter()

 .....//other circle attributes

 .onmouseover = function(d,i){
    alert("haha");
}

即使是简单的警报功能也不起作用。当我越过圆圈时什么也没有出现。这是我学习数据可视化的第一天，请帮助新手谢谢!

Answer 1

使用 selection.on 绑定(bind)事件处理程序

 svg.selectAll("circle")
 .data(sales)
 .enter()

 .....//other circle attributes

 .on('mouseover', function(){
     d3.select(this).style('fill', 'red');
  })

JSFiddle 演示:http://jsfiddle.net/sj8gLopz/