微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

D3 强制布局文本不以圆圈为中心

如何解决D3 强制布局文本不以圆圈为中心

我有一个 D3 集群力布局的 GitHub 示例,其中使用 tspan 函数包装的链接文本不会显示在每个节点的中心。每个节点文本的翻译量与圆圈相同,但位置有时低于中心,有时高于中心。

https://rootseire.github.io/forceCluster/

文本节点的翻译与圆形节点完全相同,在这种情况下,我知道它们在添加文本之前以特定的 y 值正确对齐。因此,我尝试根据是否添加了多个 tspan 来更改位置,这表明当所有内容都在同一行时,文本的居中会正确发生。但是,当添加多于一行时,情况会发生变化。这是我的 JS 代码

https://github.com/rootseire/forceCluster/blob/master/script2.js

我需要做什么才能使 tspan、文本或链接准确地排列在每个圆圈的中心?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。