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

Question

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

我已经实现了 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那里。

然后，您要做的是使用 ID 选择与 ID 匹配的圈子，d3.select("#"+n.id)但要这样做，您必须在创建圈子时创建一个 ID，例如

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

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