问题标签 [bundle-layout]

我正在尝试重现此（捆绑布局）：http ://bl.ocks.org/mbostock/7607999 ，这很好。

但是，当我悬停一个节点时，我想在每个链接上添加一个工具提示（工具提示将解释为什么项目链接在一起）。我完全不知道如何做到这一点。我已经尝试了各种代码，但由于我不太了解它，这很难。任何想法？

我希望在每个链接上显示工具提示（例如，在中间）（但我担心与突出显示的链接相关的工具提示不会很明显/易读），或者聚合每个链接的文本工具提示在图表下方某处突出显示 div 中的链接。

这是我的代码：

我正在尝试制作捆绑布局，并且设法做到了。但是，我希望能够使用简单的 CSV 字段而不是 json。我试图用 d3.csv 函数替换 d3.json ，但我无法让它工作。

任何想法？

我的代码： http: //plnkr.co/edit/0hwlJmEhNyjqhuCPdW5w

test.json 文件：

test.csv 文件：

这是D3中HEB可视化示例的链接。

http://mbostock.github.io/d3/talk/20111116/bundle.html

我注意到在可视化中，组之间有一个明确的距离（或所谓的空间），显然这个组之间的距离大于同一组内节点之间的距离。但我并没有真正得到代码的哪一部分控制了这个距离。有人知道这里的距离是如何控制的吗？我想在自己的 HEB 中使用此功能。

我想了解如何构建数据集以通过分层边缘捆绑进行可视化。

这是我的测试数据集

所以有2个主要类别

1. Flare.Expertise

2. Flare.People

   Flare.Expertise 有 3 个主要类别：信息学、生命科学、商业。每个子类别都有更多类别，例如生命科学：动物学和生物学

Flare.People 有 4 个人：APerson、BPerson、CPerson 和 DPerson

我需要证明所有人都有不同的专长。例如 CPerson 有关于生物信息学和生物学的信息。因此，一个人可以拥有多个主要类别的专业知识，然后是各自的子类别

我正在尝试在D3 Hierarchical bundling example中实现算法。我收到一个错误 Uncaught TypeError: Cannot read property 'push' of undefined

我无法修复此错误。如果我更改推送运算符，我会得到空白页。对我来说，问题似乎与数据集有关。我不明白数据集中的错误在哪里。所以，请帮我解决这个错误。否则，请让我知道如何在我的数据中可视化上述关系

我想实现多级分层边缘捆绑。我的意思是我想灌输径向树的行为，比如层次结构和边缘捆绑​​，就像在分层边缘捆绑中一样。

示例可视化是 径向分层捆绑

我知道我需要为此使用两个 d3.js 布局。我还需要相应地更改我的 json 数据集。

我的示例数据集仅适用于普通 d3.js HEB

但是我想展示的关系是：

最高级别的 A、B 和 C

A 是 A1,A2,A3 的父级

B 是 B1、B2、B3 的父级，

A 是 A1,A2,A3 的父级

C 是 C1、C2、C3 的父级，

因此，A1,A2,A3,B1,B2,B3,C1,C2,C3 处于第二级

然后，我想通过边缘捆绑显示 Emp1、Emp2 和 Emp3 与 A1-C3 的关系，如上数据集所示。

我希望我对此很清楚。所以，请告诉我如何显示这种行为或关系，以及需要对数据集进行哪些适当的更改。

我是 d3.js 的新手，我正在尝试通过以下链接修改 Hierarchical Edge Bundling：https ://bl.ocks.org/mbostock/7607999 。

我已经删除了在hover上显示的链接，并改为点击。我想对我点击的节点做同样的事情（突出显示它）。我已经删除了节点的悬停事件。这是我迄今为止所拥有的小提琴https://fiddle.jshell.net/vdmn2oj4/。

我怎样才能做到这一点？

当它处于悬停状态时，我们可以只使用 css 样式中的“悬停”属性，但是单击时没有这样的事情（仅针对链接和文本字段的焦点）。

我试图更改数据并改为链接（所以我可以在 css 中使用焦点）：

但当然这不起作用（如果你能以某种方式做到这一点，请告诉我）。并为链接使用属性，如下所示：

也不起作用，因为我无法使用 css 更改其焦点样式（或者我不知道如何，但如果可以的话，这可能会解决我的问题）。

我也尝试过操作节点，但到目前为止，我只能更改所有节点、源和目标，但不能更改我单击的那个。

我也知道节点有一个“父”属性，这可能是我想要的，但我也没有找到如何使用它。

任何解决方案，即使是部分解决方案都将受到欢迎，因为我已经在这方面花费了很多时间。

这就是小提琴。

由于某种原因，某些组的颜色与 的值不匹配size。

例如，我检查了"name":"flare.analytics.cluster.AgglomerativeCluster","size"‌​:3938. 在图中，它被标记为“粉红色”，对应于图例 > 5000（向右滚动查看图例）。根据我的理解，它应该以图例的颜色进行标记2000。