2017-02-27 10 views
-1

リングネットワークのノード上にマウスを置いたときにエッジの色を変更するにはどうすればよいですか?例えばリングネットワークでマウスのホバー上のエッジの色を変更するにはどうすればいいですか?

は、この例では:私たちはAlpha上にカーソルを移動するたびにhttp://d3plus.org/examples/basic/9034389/

Mouseover shows default color

、デフォルトの色が示されています。青、緑などの他の色に変更することは可能ですか?

答えて

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! 
+1

をどこキー '[値]マップ' connections'と 'color'に、'エッジ() ''にObject'を通すことによって個々に各エッジを着色することができ各エッジの色を選択する関数にマップします(例: '{value:connections、color:function(d){if(d.source.id == 'alpha' && dtarget.id == 'beta')返す '黄色';それ以外の場合は 'blue';}} '。私はホバー上の色を変更する方法はわかりません。 – mdml

関連する問題