d3事件

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

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

   });

 

--------------------- 
作者：AryaoO 
来源：CSDN 
原文：https://blog.csdn.net/selina_chan/article/details/51241710 
版权声明：本文为博主原创文章，转载请附上博文链接！