s使用g6遇到一个问题,就是选中效果,点击效果要用图片,费劲心思才找到方法,
首先要知道点击node节点时,会获取到多个属性,其中部分如下:尤其注意target,后续会用到,
![](https://img.haomeiwen.com/i14111047/76fd4d883aa95190.png)
这里边包含的是你所点击的目标的信息,但是有个不好的一点是,当mouseleave事件时,无法获取target,当然mouseenter、click可以获取,mouseout也可以获取,但是在点击节点以后,鼠标离开时会触发该事件,所以不太实用,导致我走了很多弯路,就有了下边这个不太友好的写法:
![](https://img.haomeiwen.com/i14111047/cdd16a3f1c76dd11.png)
![](https://img.haomeiwen.com/i14111047/c3d20ee995d2f71e.png)
![](https://img.haomeiwen.com/i14111047/7859895fa187eb15.png)
z综上所述,得到的结论是,只能实现鼠标悬浮和离开的效果,还有点击的效果,但是当点击其他节点时,无法清除其他节点的选中样式,所以此写法行不通
![](https://img.haomeiwen.com/i14111047/0241f89caa54b4ba.png)
网友评论