d3.js強制定向圖搜索

Question

我正試圖在d3強制定向圖的示例上實現搜索功能。 當我在文本字段中輸入搜索查詢時，相關項目將顯示並且不相關的項目將淡出。

我已經實現了searchUpdate和count方法，如下面的jsfiddle所示。

我需要一些幫助來淡化物品。目前d3.select("svg")淡化整個圖表，而d3.select("#"+n.id)產生錯誤。

Answer 1

當你d3.select("svg")你選擇SVG畫布和設置其opacity。你想要做的是

d3.selectAll("circle") 

或

d3.selectAll("circle.node") 

和應用opacity那裏。

然後你想做的事就是選擇使用d3.select("#"+n.id)，但這樣做的ID匹配的圈子，那麼就必須在創建圈子，以創建一個id，像

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

否則你不」沒有一個id可以選擇。