如何建立d3树布局的任意两个节点之间的关系

时间:2014-03-19 05:24:56

标签: d3.js

我有一个D3树布局。任何两个节点之间都会有关系,基于这种关系,我希望在两个节点之间显示一些连接。现在我正在使用circle.on onmouse 2个节点的圆圈将在一些指定的color.circles没有覆盖图像exaclty.so我应用了转换,但它干扰了其他一些功能。

我唯一的目的是使用圆圈或其他东西显示任意两个节点之间的某些连接。我尝试使用CSS3应用圆圈,但它没有工作

有没有办法达到我的要求enter image description here

1 个答案:

答案 0 :(得分:0)

如果我了解你,有不同的方法来实现这一点,这只是一个。

考虑一下:

function highlight() {
    var selectedClass = d3.select(this).attr("class");
    d3.selectAll("circle")
        .style("fill",function(d) {  
            if ( selectedClass == d3.select(this).attr("class"))
                return "magenta";
        });
}

假设您已经通过为它们分配相同的类(可能是一个很大的假设)建立了任何给定数量的节点(两个或更多)之间的关系,那么像上面那样的代码可以显示这种关系。如果单击其中一个节点(此功能由节点.on("click"...调用),其他节点也将显示所需的更改,此处通过颜色更改进行说明。这有帮助吗?