在d3中使用悬停获取圆圈以更改颜色时遇到问题

Question

我在地图上添加了一些圆圈，当悬停在上面时，希望圆圈从黑色变为橙色。我尝试了两种不同的方法：

1. css：圆形：悬停{填充：橙色}

2. 带有鼠标悬停事件。鼠标悬停的一部分是有效的(例如，我可以更改圆的半径(，但将填充设置为不同的颜色是无效的。有什么想法吗？

Answer 1

如果您还没有找到解决方案，下面是我的建议首先在圆圈中添加一个类，然后添加mouseover和mouseout

.attr("class","circleClass")
.on("mouseover",mouseover)
.on("mouseout",mouseout)

在您可以使用mouseover和mouseout更改的颜色之后

function mouseover(event){
$(".circleClass").css({"fill":"blue"})
}
function mouseout(event){
$(".circleClass").css({"fill":"red"})
}