Javascript 如何在环形网络中更改鼠标悬停边缘的颜色?
将鼠标悬停在环形网络中的节点上时,如何更改边的颜色 例如,在本例中:Javascript 如何在环形网络中更改鼠标悬停边缘的颜色?,javascript,d3.js,d3plus,Javascript,D3.js,D3plus,将鼠标悬停在环形网络中的节点上时,如何更改边的颜色 例如,在本例中: 无论何时将鼠标悬停在Alpha上,都会显示默认颜色。是否可以将其更改为任何其他颜色,如蓝色、绿色等?您可以使用更改悬停时的颜色。例如,要更改为蓝色,请使用: var visualization = d3plus.viz() .color({primary: "#0000ff"}) // <--- change color on hover to blue! .container("#viz") // c
无论何时将鼠标悬停在Alpha上,都会显示默认颜色。是否可以将其更改为任何其他颜色,如蓝色、绿色等?您可以使用更改悬停时的颜色。例如,要更改为蓝色,请使用:
var visualization = d3plus.viz()
.color({primary: "#0000ff"}) // <--- change color on hover to blue!
.container("#viz") // container DIV to hold the visualization
.type("rings") // visualization type
.edges(connections) // list of node connections
.focus("alpha") // ID of the initial center node
.draw() // finally, draw the visualization!
通过将对象传递给边,可以分别为每条边着色,其中键值映射到连接,颜色映射到选择每条边颜色的函数,例如{value:connections,color:functiond{if d.source.id=='alpha'&&d.target.id=='beta'返回'黄色';否则返回'蓝色';}}。不过,我不知道如何更改悬停上的颜色。