如何在环网中鼠标悬停时改变边缘颜色?

时间:2017-02-27 12:20:38

标签: javascript d3.js d3plus

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

例如,在此示例中:http://d3plus.org/examples/basic/9034389/

Mouseover shows default color

每当我们将鼠标悬停在Alpha上时,都会显示默认颜色。是否可以将其更改为蓝色,绿色等任何其他颜色?

1 个答案:

答案 0 :(得分:2)

您可以使用.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!