隠すは、すべてが、D3に選択接続されたノード（V4）力グラフ

Question

IはD3に動的に構築された力のグラフを作成しました。リンクの1つをクリックすると、そのリンクとリンクされているすべてのリンク/ノードのみが表示されます。 （：私はこれを更新し、現在の完全なソリューションですEDIT）http://plnkr.co/edit/TiKKmvydqXNipe103juL?p=preview：

このPlunkrは私が持っているものの簡易版です。

接続ノードの3つの別々のグループがあります。私の実際のデータセットには数百のノードがあり、個々の「グループ」を分離することができます。そのグループの一部がクリックされています（クリックしたノードには情報が追加されたポップアップが表示されません）。私は色することができた

/私のデータを前処理及びリンクは同じ接続されたグループであるかどうかを判断するためにかなり複雑で長いったらしいアルゴリズムを使用して接続されたリンクを非表示にします。

dragstart関数を変更してクリックしたノードまたはすべてのノード/リンクを変更することもできましたが、これは近づいているように感じますが、リンク関係は認識されません。

function dragstarted(d) { 
    if (!d3.event.active) simulation.alphaTarget(0.3).restart(); 
    // Changes all nodes/links 
    d3.select("circle").classed("others",true).style("display","none"); 
    // Trying different ways to hide only 'other' nodes 
    d3.selectAll("circle").classed("others",true).style("display","none"); 
    d3.selectAll("line").classed("others",true).style("display","none"); 

    d.fx = d.x; 
    d.fy = d.y; 
} 

（私はこの質問/答えhow to highlight(change color) of all connected(neighbours) nodes and links in a d3 force directed graphの承知していますが、私はそれは本当に助けないと思います）。

ご協力いただければ幸いです。

Answer 1

OK、これは私を超えかもしれませんが、私はあなたが何らかの形であなたのノードとグループの同じ種類にグループにあなたのリンクが必要だと思います。あなたが何らかの形でリンクにソースノードの「グループ」属性を追加することができた場合は、リンクをクリックしたとき、このような何かがうまくいくかもしれない：

代わり

d3.selectAll("line")function fade(){if 
(group = "selected", "opacity" = 1) 
else 
("opacity" = 0) 
}; 

、あなたが前のグループにリンクを並べ替えることができる場合データが（PHPなどのスクリプトで）読み込まれると、3つ（またはn）の行グループが別々のクラスに追加されます。

申し訳ありませんが、JSは、これは私が同様の機能を使用答えである