问题标签 [bundle-layout]

我目前有一个强制布局：

http://bl.ocks.org/mbostock/4062045

所以我的数据只是节点和链接，但我想用相同的数据创建这个 Hierarchical Edge Bundling：

http://bl.ocks.org/mbostock/7607999

我遇到了问题，因为我的数据不是分层的。它只是节点和链接。我不知道如何使这项工作，但它必须是可能的。

我是 d3/HTML/JS 的超级初学者，我有一个关于在图表中添加指向节点的链接的问题。我所有的代码都基于：https ://gist.github.com/mbostock/7607999

我想为每个节点添加一个指向另一个 html 文件的链接。考虑到代码的结构，这可能吗？

我是一个菜鸟，正在尝试为图表实现搜索方法。

该图是一个和弦图，主要改编自这里：

http://bl.ocks.org/mbostock/1044242

搜索功能取自这里：

http://mbostock.github.io/protovis/ex/treemap.html

我的问题是，当它读取我的文件时，它会将文本解释为：[object SVGTextElement]所以我搜索的唯一结果是如果我搜索 [object SVGTextElement]。

这是我的全部代码：

输入是 bla3.json，如下所示：

我没有把整件事都放出来，但这应该没关系...

我的目的当然是有一个我可以输入的搜索功能，例如，“Patient Intake”，它会突出显示该和弦（或只是名称）：

关于如何解决这个问题的任何想法？

我正在尝试使用 D3.js 创建捆绑布局。

我在这个位置关注代码：

我从这里得到了示例 json 文件。它工作正常。

现在，当我尝试使用我的 json 文件时，它给了我以下错误：

我的 json 文件如下所示：

任何人都可以让我知道我的 json 文件有什么问题吗？

我在这个位置关注代码：

我的 json 文件看起来像这样

我按照本教程http://bl.ocks.org/Caged/6476579在上面的代码中添加了一个工具提示 。

我添加了

然后我添加了功能

现在在上面的 html 函数而不是 d.frequency 我添加了d3.select("text").text()所以它变成了

在我的鼠标悬停功能中，我添加了

在 mouseouted 我添加

问题是，它总是从我的树中选择第一个元素并显示为工具提示

我在Show d3 node text only on hover找到了答案。

但我不确定如何将它集成到我的代码中

更新

我的 D3 布局会根据按钮单击动态更新。当我尝试单击按钮更新 SVG 时，它总是在旧 svg 下方创建一个新的 SVG。

当我单击按钮时，它会继续在旧 SVG 下方添加新的 SVG。

我想要的是它应该替换当前的 SVG 并在同一个地方创建更新的图表。我的代码如下

更新

在 D3，边缘捆绑示例中，我们有这段代码

我想不通是什么return map[""];意思。有任何想法吗？

我正在尝试使用 d3 制作与此类似的力有向图（http://bl.ocks.org/mbostock/4062045），但我的数据目前的格式不适合使用的节点/链接/源/目标结构在大多数力有向图中。我遇到了分层边缘捆绑图（http://bl.ocks.org/mbostock/7607999，请参阅 GitHub 页面以查看此示例的数据文件）：

它使用更简单的 json 格式，其中关联节点列在每个节点的“导入”属性中，如下所示：

我试图弄清楚如何在力有向图中利用这种数据格式。到目前为止，我似乎没有运气，因为这种数据格式最初用于 HEB 的分层和捆绑功能。非常感谢您对如何做到这一点的任何见解。

我正在使用 D3 开发一个项目，特别是bundle layout。

我的主管要求我使用箭头为我的图表添加方向性。当我尝试使用标记来实现这一点时，我所有的箭头都指向右侧，并且没有将自己定位到它们所关联的路径。

我试图通过查看其他没有运气的例子来解决这个问题。我唯一能想到的是“orient = auto”不适用于径向线，因为我看到的所有示例都使用对角线或贝塞尔线。

任何人都可以确认这一点，或指出我正确的方向吗？我对 d3 和 svg 的经验有限，所以我希望有一个简单的解决方案，并且我不必从头开始重建它。如果标记方向不适用于径向线，是否可以使用贝塞尔曲线在束中实现类似的曲线效果？

我的标记创作：

路径创建：注意-我尝试在“d”之前和之后放置“marker-end”，这只是它的当前状态。

和“线”，很明显正在使用径向线发生器。

我正在尝试自定义 Mike Bostock 的Hierarchical Edge Bundling示例：

到目前为止，我已经能够用我的数据生成认为是等效的 json 文件，但我无法让它显示出来。

在控制台中，我收到以下错误：

和以下警告：

我曾尝试在运行本地服务器的不同浏览器中无济于事。我还发现这些问题并没有解决问题。

您可以在此 gist中找到我的代码和更改后的 json 。

任何帮助将不胜感激。