d3.js力导向图搜索

Question

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

我已经按照以下jsfiddle所示实现了searchUpdate和count方法。

我需要一些帮助来淡化这些项目。目前，d3.select("svg")会使整个图形变暗，而d3.select("#"+n.id)则会产生错误。

- user1675985

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。

- Elijah