d3.js 当鼠标也接触到另一个元素时不会触发鼠标悬停事件
d3.js mouseover event not triggered when mouse is touching another element too
我有一个折线图，每个可点击的点都有圆圈。
我遇到的问题是，当我在一个圆圈上并从空白开始时，鼠标悬停效果很好 space。但是如果我的鼠标是通过触摸值线来的，当鼠标到达一个圆圈时，鼠标悬停不会被触发。
我的代码中没有为值线定义鼠标悬停，只是为圆圈定义。
如果鼠标已经接触到另一个元素，d3 可能不会触发新的鼠标悬停事件。
我该如何解决这个问题？
感谢您的想法和建议。
终于，我解决了这个问题。线条是重叠的圆圈。
我的 DOM 是：
<g class="circles">
...
</g>
<g class="lines">
...
</g>
线条在圆上。
更改为：
<g class="lines">
...
</g>
<g class="circles">
...
</g>
现在底部元素组 "circles" 结束 "lines" 组。
我有一个折线图，每个可点击的点都有圆圈。
我遇到的问题是，当我在一个圆圈上并从空白开始时，鼠标悬停效果很好 space。但是如果我的鼠标是通过触摸值线来的，当鼠标到达一个圆圈时，鼠标悬停不会被触发。
我的代码中没有为值线定义鼠标悬停，只是为圆圈定义。
如果鼠标已经接触到另一个元素，d3 可能不会触发新的鼠标悬停事件。
我该如何解决这个问题？
感谢您的想法和建议。
终于，我解决了这个问题。线条是重叠的圆圈。
我的 DOM 是：
<g class="circles">
...
</g>
<g class="lines">
...
</g>
线条在圆上。
更改为：
<g class="lines">
...
</g>
<g class="circles">
...
</g>
现在底部元素组 "circles" 结束 "lines" 组。