Question

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

我一直在努力解决这个问题。是否可以只在javascript文件中处理代码而不更改html文件中的任何内容？

的javascript：

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

 .....//other circle attributes

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

即使是简单的警报功能也无法正常工作。当我移过圆圈时，什么都没有出现。这是我学习数据可视化的第一天，请帮助新手感谢！

Answer 1

使用selection.on

绑定事件处理程序

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

 .....//other circle attributes

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

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

javascript svg onmouseover效果

1 个答案: