【问题标题】:D3: mouseover text changes within an area in sunburstD3:鼠标悬停在旭日形区域内的文本变化
【发布时间】:2014-03-27 16:52:38
【问题描述】:

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

当我单击与“来自肿瘤细胞”相对应的橙色区域时(请参见下图中的标题),我会看到以“来自肿瘤细胞”为中心的聚焦图。

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

我希望有人能给出答案。

【问题讨论】:

    标签: d3.js sunburst-diagram


    【解决方案1】:

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

    完整的演示here

    【讨论】:

    • 我现在看到了问题的原因。谢谢
    猜你喜欢
    • 1970-01-01
    • 2016-03-14
    • 2015-10-18
    • 1970-01-01
    • 2013-11-28
    • 2015-04-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多