d3链接没有正确隐藏

Question

我有一个d3力图，它具有能够hide/unhide节点的功能。当用户选择(通过双击一个节点)并选择hide时，该节点与其相邻的链接一起消失。我让节点消失了，但由于某些原因，链接并没有随之消失。

下面是与这个函数相关的代码片段:

// Node behavior for checking if the node is hidden.
node.style("visibility", function(d) {
    if (d.data['visible'] === false){
        console.log(d.data['id'] + " is hidden.")
        return "hidden";
    }
    else {
        return "visible";
    }
});
// Link color and visibility based on JSON data.
link.style("stroke", function(d) { return d.data['color'] })
    .style("visibility", function(d) {
        if (d.data['visible'] === false) {
            return "hidden";
        }
        else {
            return "visible";
        }});
function hideNode() {
    // Checks if any nodes are selected.
    if (selectedNodes.length > 0) {
        // Iterates over all of the selected nodes.
        for (var i = 0; i < selectedNodes.length; i++) {
            // Sets the node visible attribute to false and removes the node from the selected array.
            selectedNodes[i].data['visible'] = false;
            selectedNodes[i].selected = false;
            // Iterates through each of the edges to check visibility.
            for (var j = 0; j < edges.length; j++) {
                if (selectedNodes[i].data.id === edges[j].data.source || selectedNodes[i].data.id === edges[j].data.target) {
                    edges[j].data['visible'] === false;
                }
            }
        }
    }
    else alert("No node(s) selected.");
    update();
}
function revealNode() {
//    nodes.forEach(function(d) {
//        d.removed === false;
//    });
    for (var i = 0; i < nodes.length; i++) {
        nodes[i].data['visible'] = true;
    }
    update();
}

unhide和hide对nodes有效，但对links无效。

作为参考，这里是我的图表以及基本代码http://bl.ocks.org/joeycf/f021e60bb38846dcfaf2

不知道我做错了什么

Answer 1

我认为问题是你在这里用的是===而不是=:

edges[j].data['visible'] === false;

希望对你有帮助。