繁体   English   中英

绘制指向 d3 圆形包布局的链接

[英]Draw links to a d3 circle pack layout

我需要能够在圆包布局中的圆之间绘制链接,例如{source: i, target: j} 我已经看到一些关于如何将此布局与力布局相结合的问题,这让我认为这可能是实现这一目标的一种方式,但我在这条道路上没有任何运气,而且我需要的是完全静态的东西。 预先感谢您的任何建议。

我终于可以通过将它们附加到 svg 并根据每条线要连接的节点的半径计算每条线位置来在节点之间绘制线,但问题是我使用的包布局是可缩放的,所以当我尝试通过单击既不平移也不重新调整大小的线条进行缩放(当然,因为没有执行此类操作的代码),因此我尝试为线条实现平移功能,以便它们随缩放一起移动,然后我看到这需要一些严肃的几何来实现这一点,所以由于我是一个懒惰的程序员,并且对 d3 完全没有经验,所以我尝试使用更简单的东西......最后我决定用一种不同的方法(没有线条),我使用了“mouseover”事件,所以当指针悬停在一个节点上时,它会突出显示(改变圆形笔触属性颜色和宽度)连接到它的节点。 通过这种方式,我实现了我的目标,并且没有所有线条越过它,视图看起来更干净(它们很多)。 我知道有些人可能认为这不能回答最初的问题,我相信这可以通过使用线条并实施正确计算的更有经验(以及时间和耐心)的人来实现,但在我的情况下,此解决方案解决了我的问题,也许对其他人有帮助。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM