带有工具提示的 D3 径向树？

Question

你好 stackoverflow 社区！

我是 d3 的新手，我正试图站在巨人的肩膀上创建可视化。

我已经到了一个我对我的径向树很满意的地方，但是我在添加工具提示时遇到了麻烦。在径向树中是否可能？

（我认为是——我只是没那么聪明：？）

你可以在这里看到我对 codepen 的尝试：http://codepen.io/anon/pen/KctDb

我还应该提到我没有添加很多“信息”标签（一个在“心脏 -> ICD-10 -> I00 上） 但我不想花时间让工具提示正常工作。

任何建议/帮助将不胜感激！

谢谢！

Answer 1

添加此代码：

  .append("title")
  .text(function(d) { return d.info; })

到创建圆圈的代码，如下所示：

... 并且节点 "Heart -> ICD-10 -> I00 包含 "info" 将获得它的工具提示！

修改后的codepen为here。

注意：这将为圆圈添加工具提示。如果您还想要径向放置的标签的工具提示，那么您需要标签的类似代码。