3

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

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

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

4

1 に答える 1

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がありません。

于 2012-09-17T16:07:55.340 に答える