d3.jd——监听鼠标事件

  对一个被选择的元素，添加监听操作，代码如下：

.on("click", function(){  
  
} )  

  常用的事件（event）有：

• click  ： 鼠标单击某元素时，相当于 mousedown 和 mouseup 组合在一起
• mouseover  ： 鼠标移到某元素上
• mouseout  ： 鼠标从某元素移开
• mousemove ： 鼠标被移动
• mousedown : 鼠标按钮被按下
• mouseup : 鼠标按钮被松开
• dblclick  ：  鼠标双击

下面是一个代码小例子：

//监听鼠标事件
var rect = bar.selectAll("rect")
    .on("click",function(d,i){
        d3.select(this)
            .attr("fill","green");
    })
    .on("mouseover",function(d,i){
        d3.select(this)
            .attr("fill","yellow");
    })
    .on("mouseout",function(d,i){
        d3.select(this)
            .transition()
            .duration(500)
            .attr("fill","red");
    });