d3 - mouseover和mouseout事件无法正常工作

Question

我有一系列使用d3创建的行。我写了一些mouseover和mouseout事件事件。

当mouseover通过增加该行的y1值来使事件正常工作时。

但在mouseout上，如果我编写的代码将y1值设置为初始值，则事件无效。

FIDDLE

帮我解决这个问题。

Answer 1

使用d3过渡时，在嵌套过渡或同时执行它们时需要小心。

The solution

我刚刚更改了moveout方法，以更新所有行的stroke和y1，无论哪条线触发了该功能。并且，movein方法在扩展当前转换的行之前重置所有行的y1。