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

可以通过getter获取当前元素的不透明度值：

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;
});