javascript - d3.js 强制定向图搜索

Question

我正在尝试在 d3 力定向图示例上实现搜索功能。当我在文本字段中输入搜索查询时，相关项目将显示出来，不相关的项目将淡出。

我已经实现了方法 searchUpdate 和 count，如下所示 jsfiddle .

我需要一些帮助来淡化元素。目前 d3.select("svg") 淡出整个图形，而 d3.select("#"+n.id) 产生错误。

Answer 1

当您d3.select("svg") 时，您正在选择SVG Canvas 并设置其不透明度。你要做的是

    d3.selectAll("circle") 

或

   d3.selectAll("circle.node") 

并在那里应用不透明度。

然后您要做的是使用 d3.select("#"+n.id) 选择与 ID 匹配的圈子，但为此您必须创建一个 ID你创建了圈子，比如

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

否则您没有可供选择的 ID。