在鼠标悬停时更改标记结束的颜色

时间:2015-12-08 12:29:23

标签: javascript d3.js svg

我希望选择一个marker来更改它的颜色,而mouseover位于特定的箭头上。在mouseover我希望所有其他节点和箭头淡出。

我尝试使用d3.selectAll("#arrowhead").style("fill","#BFC3E1");, 但它没有用。

我的代码在http://plnkr.co/edit/EvpNC6B5DBWczNXKiL82?p=preview

1 个答案:

答案 0 :(得分:1)

您无法单独更改同一标记的颜色,以动态对应于线条的颜色。唯一的方法是创建单独的标记,并将它们分开id

然后你可以定位它们并动态改变颜色。