D3.js D3:sunburst中某个区域内鼠标悬停文本的变化

D3.js D3:sunburst中某个区域内鼠标悬停文本的变化,d3.js,sunburst-diagram,D3.js,Sunburst Diagram,我这里有一个sunburst代码: 当我点击对应于“来自肿瘤细胞”的橙色区域(见下图中的标题)时,我得到了以“来自肿瘤细胞”为中心的聚焦图 当我将鼠标移到标记为“肝脏或胰腺”的区域时,下面标题框中的文本会发生变化,但不应该发生变化。我想这个问题只存在于第二象限和第三象限(90度到270度)。花了这么多时间,我找不到解决这个问题的办法 我希望有人能回答这个问题 问题在于,您正在将鼠标悬停处理程序附加到g元素,当您单击某个段时,该元素不会更新。解决这一问题的简单方法是将处理程序附加到路径元素,这些元

我这里有一个sunburst代码:

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

当我将鼠标移到标记为“肝脏或胰腺”的区域时,下面标题框中的文本会发生变化,但不应该发生变化。我想这个问题只存在于第二象限和第三象限(90度到270度)。花了这么多时间,我找不到解决这个问题的办法


我希望有人能回答这个问题

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


完成演示。

我现在知道问题的原因了。谢谢