在我的d3图表中，当我更换画笔并单击未选择的范围时，缩放选择消失了

Question

在我的d3图表中，当我更换画笔并单击未选择的范围时，缩放选择消失。

这是我的工作代码-https://codesandbox.io/s/eager-shirley-cxq99

当我更改上面的选择并单击未选择的选择时，缩放选择消失。

请指导我我的代码有什么问题。

Answer 1

如果您将659行更改为：

var focus = g.append("g").style( "display", "none" );

到

var focus = g.append("g")

它解决了问题。我希望我能有一个很好的解释，但我只是在devtools中注意到，灰色滑块是类句柄的矩形，并且在滑动，重新聚焦和句柄消失之后，dev工具显示该矩形以使其显示：无。

我没看到您直接添加此rect，所以d3可以做到这一点，但是更改此行至少对我有用，而且我没有发现任何其他副作用。