d3 js突出显示包含给定字符串的节点

Question

我愿意搜索并突出显示包含给定字符串的节点。 sample

对于我打电话set_focus方法

function set_focus(d) 
{ 
    text.style("opacity", function(o) { 
     return isConnected(d.id, o.id) ? 1 : null; 
    }); 

    img.style("opacity", function(o) { 
     return isConnected(d.id, o.id) ? 1 : null; 
    }); 

    link.style("opacity", function(o) { 
     return o.source.index == d.index || o.target.index == d.index ? 1 : null; 
    }); 

} 

以上功能设置有条件元素的不透明度。我想设置相互连接的节点的不透明度。但我不想打扰那些未连接的节点的不透明度。

更多的澄清：

return isConnected(d.id, o.id) ? 1 : null; 

我不想，如果isConnected == false

需要返回不透明度：return isConnected(d.id, o.id) ? 1 : "here return the current opacity value";

破天：return isConnected(d.id, o.id) ? 1 : "returning zero or null";

Answer 1

你可以得到当前元件与吸气不透明度值：

d3.select(this).style("opacity"); 

然后，您可以在您的三元运营商使用它：

text.style("opacity", function(o) { 
    var current = d3.select(this).style("opacity"); 
    return isConnected(d.id, o.id) ? 1 : current; 
});