在d3中更改一个节点颜色

时间:2015-12-04 05:41:12

标签: d3.js

是否有办法直接更改节点或链接的颜色,而不是在所有节点或链接上进行迭代。

我知道节点或链接的ID。

    node.select("circle").style("fill", function (o) {
        if(o.id == source || o.id == target ) {
            return PATH_COLOR;
        }
        return d3.select(this).style("fill");
    });

2 个答案:

答案 0 :(得分:4)

应用如下所示的样式。新填充颜色仅适用于标识为source且标识为target的节点。

 d3.select("#"+source).style("fill", PATH_COLOR);
 d3.select("#"+target).style("fill", PATH_COLOR);

答案 1 :(得分:1)

如果您知道svg元素的id,那么您可以直接将任何css应用于它。假设您的circle ID为“one

<circle id="one" cx="10" cy="20" r="10"></circle>

然后你就可以做到这一点,

d3.select('#one').style('fill','red');