javascript - d3.jsは、グラフ検索を強制します

Question

d3の力指向グラフの例に検索機能を実装しようとしています。テキストフィールドに検索クエリを入力すると、関連するアイテムが表示され、関連しないアイテムはフェードアウトします。

次のjsfiddleに示すように、メソッドsearchUpdateとcountを実装しました。

アイテムをフェードさせるのに助けが必要です。現在d3.select("svg")、グラフ全体がフェードしますd3.select("#"+n.id)が、エラーが発生します。

Answer 1

キャンバスをd3.select("svg")選択して設定する場合。あなたがしたいのはSVGopacity

    d3.selectAll("circle") 

また

   d3.selectAll("circle.node") 

そこに適用しますopacity。

次に、IDを使用して一致するサークルを選択しますが、そのd3.select("#"+n.id)ためには、サークルを作成するときにIDを作成する必要があります。

  .attr("id", function(d,i) {return "circle"+i})

それ以外の場合は、選択するIDがありません。