首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >D3强制图呈现节点和链接

D3强制图呈现节点和链接
EN

Stack Overflow用户
提问于 2013-11-08 21:16:54
回答 1查看 1.7K关注 0票数 4

我的力图出了问题,我用d3创建了它。我使用d3.json检索的数据动态地添加到节点和链接数组中。我的问题出现在最初的呈现之后,我添加了更多的节点和链接到它们各自的数组。添加的链接已呈现为节点的“顶部”。不幸的是,我的节点由图像组成,因此链接覆盖了该图像的一部分。我想出的解决方案是选择svg容器中的所有内容(节点和链接),并在每次update()调用时删除它们,然后再次输入每个元素。这似乎是一种效率低下的方法。我篡改了z指数,但没有结果.有什么建议吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-11-08 23:46:39

如果您总是PREpend任何链接(即在任何节点之前添加到容器的链接),就不会有一个链接重叠一个节点。使用insert()可以做到这一点,只要指定一个与您想要保持在顶部的节点相匹配的选择器,它就会占优势:

代码语言:javascript
代码运行次数:0
运行
复制
forceContainer.selectAll('.node').data(force.nodes())
forceContainer.enter()
  .append('div')
  .attr('class', 'node')

forceContainer.selectAll('.link').data(force.links())
forceContainer.enter()
  .insert('div', '.node') // Inserts link before any of the existing nodes
票数 7
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19868645

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档