D3:鼠标悬停在旭日区域内的文本更改

时间:2014-03-27 16:52:39

标签: d3.js sunburst-diagram

我在这里有一个旭日形码:http://plnkr.co/edit/EG0MzWEPB242g7VdSQQd?p=preview

当我点击对应于“来自肿瘤细胞”的橙色区域时(参见下图中的标题),我获得了以“来自肿瘤细胞”为中心的聚焦图。

当我鼠标悬停在标有“肝脏或胰腺”的区域内时,下面标题框中的文字会发生变化,而不应该变化。我想这个问题只出现在第二和第三象限(90度到270度)。花了这么多时间后,我找不到解决这个问题的方法。

我希望有人得到答案。

1 个答案:

答案 0 :(得分:1)

问题是您将鼠标悬停在处理程序上的g元素上,当您单击某个段时,该元素不会更新。解决此问题的简单方法是将处理程序附加到path元素,而这些元素会更新。在这种情况下,您可能还希望将text元素设置为不接收指针事件,以便在移动它们时不会出现虚假鼠标事件。

完整演示here