如何更改环形网络中鼠标悬停时边缘的颜色？

Question

当我将鼠标悬停在环形网络中的节点上时，如何更改边的颜色？

比如本例中：http://d3plus.org/examples/basic/9034389/

只要我们将鼠标悬停在 Alpha 上，就会显示默认颜色。是否可以将其更改为任何其他颜色，如蓝色、绿色等？

Answer 1

您可以使用 .color() 更改悬停时的颜色。例如，要更改为蓝色，请使用：

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!

如何更改环形网络中鼠标悬停时边缘的颜色？

How to change color of edge on mouse hover in a ring network?

javascript

d3.js

d3plus