Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/visual-studio-code/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
D3.js 如何在d3树布局的任意两个节点之间建立关系_D3.js - Fatal编程技术网

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

D3.js 如何在d3树布局的任意两个节点之间建立关系,d3.js,D3.js,我有一个D3树布局,任意两个节点之间都有关系,基于这种关系,我想展示两个节点之间的一些联系。到目前为止,我一直在使用圆。在鼠标上,两个节点的圆将采用某种特定的颜色。圆没有完全覆盖图像。因此我应用了变换,但它干扰了其他一些功能 我的唯一目的是使用圆或其他东西显示任意两个节点之间的连接。我尝试使用CSS3应用圆,但没有成功 有什么方法可以达到我的要求吗如果我理解你,有不同的方法可以达到这一点,这只是其中之一 考虑这一点: function highlight() { var selected

我有一个D3树布局,任意两个节点之间都有关系,基于这种关系,我想展示两个节点之间的一些联系。到目前为止,我一直在使用圆。在鼠标上,两个节点的圆将采用某种特定的颜色。圆没有完全覆盖图像。因此我应用了变换,但它干扰了其他一些功能

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


有什么方法可以达到我的要求吗

如果我理解你,有不同的方法可以达到这一点,这只是其中之一

考虑这一点:

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(“单击”…
)调用),其他节点也将显示所需的更改,如此处的颜色更改所示。这有帮助吗