D3径向树与工具提示?

时间:2014-05-01 21:35:31

标签: javascript css d3.js tree tooltip

您好stackoverflow社区!

我是d3的新手,我正试图站在巨人的肩膀上创造一个可视化。

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

(我认为这是 - 我不是那么聪明:?)

您可以在此处查看我在codepen上的尝试:http://codepen.io/anon/pen/KctDb

我还应该提到我没有添加许多“信息”标签(一个在“Heart - > ICD-10 - > I00”) 但我不想花时间让工具提示工作。

非常感谢任何建议/帮助!

谢谢!

1 个答案:

答案 0 :(得分:1)

添加此代码:

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

创建圆圈的代码,如下所示:

enter image description here

...节点“Heart - > ICD-10 - >包含”info“的I00将获得其工具提示!

修改后的codepen为here

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