突出显示一组节点及其之间的关系

Highlight a set of nodes and their relation between them

本文关键字:节点 之间 关系 一组 显示      更新时间:2023-09-26

我正在使用 D3 处理力定向图,并在图形区域旁边的单独表中显示图形中显示的所有节点。我在显示的表中有复选框,它为我提供了选择节点的选项。

我试图突出节点和它们之间的关系。我一直在从此示例中获取指针 突出显示所选节点、其链接及其子节点 在 D3 力定向图中。此示例适用于一个特定节点及其子节点,但如果它们之间存在任何关系,我将尝试突出显示多个节点。

这方面的任何帮助都将非常有用。

我没有使用力定向图,而是使用"径向轮辐图"(又名"径向轮"),但前提应该是相同的。 在我的示例中,关系由饼图弧表示,关系中的节点位于弧的两端。 在示例中,您将看到我如何根据类型(将鼠标悬停在任何弧或节点名称上)或同时选择特定节点和/或关系(将鼠标悬停在任何弧或节点名称上)或多个节点和关系(将鼠标悬停在颜色编码类型键上)。

在任一选择示例中,都归结为为图形中的每个元素分配唯一标识符。 您可以通过搜索 .attr("class"...) 和 .attr("id"...) 语句来了解我是如何做到这一点的。 分配此类唯一标识符后,可以使用它们创建选择组合。 您可以看到我如何在 .on("鼠标悬停", ...) 函数中执行此类选择。

顺便说一句,你能把你的例子发布到 bl.ocks.org 吗? 如果我们可以看到您的代码,那么帮助您会更容易。

我希望这有所帮助。

我最好的,

弗兰克