d3强制布局中的多个节点选择

Question

我有以下代码片段，适用于单个选择（和取消选择）。任何人都可以帮我扩展这段代码，以便可以进行多项选择（并在再次点击同一节点时取消选择节点）吗？

function click(d){

        if(!selected){

            selected = d3.select(this);
            selected.style('stroke', 'red')
            userSelect=d.user_ids;
            console.log(userSelect);
            createNewSVG(userSelect);

        }

        else if(selected[0][0] == d3.select(this)[0][0]){

            selected.style('stroke', 'white');
            selected = undefined;
            removeSVG();
          }
    }

Answer 1

你需要像

这样的东西

function click(d){
    d3.select(this).classed("selected", !d3.select(this).classed("selected"));
    d3.selectAll("foo").style("stroke", "white");
    d3.selectAll(".selected").style('stroke', 'red');
}

这将为所有选定的内容添加一个类selected，您可以使用它来选择和修改它们。