【问题标题】：d3.js force directed graph searchd3.js 强制有向图搜索
【发布时间】：2012-09-16 17:25:00
【问题描述】：
我正在尝试在 d3 力有向图示例上实现搜索功能。
当我在文本字段中输入搜索查询时，相关项目将显示，不相关的项目将淡出。
我已经实现了 searchUpdate 和 count 方法，如下面的jsfiddle 所示。
我需要一些帮助来褪色这些物品。目前d3.select("svg") 会淡化整个图形，而d3.select("#"+n.id) 会产生错误。
【问题讨论】：
标签：
javascript
search
select
d3.js
force-layout
【解决方案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。