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 (将#修改为@)