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

我认为问题在于您使用的是=而不是= here：

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

希望有所帮助。

d3链接不正确隐藏

1 个答案: