D3.js D3变焦抖动

D3当我在两个重叠的元素上调用（缩放）时，拖动抖动-并尝试拖动顶部元素

这里有一个例子

在本例中，缩放已在图表的条形图和图表的背景上注册

我不能在整个图表上添加一个不可见的矩形来注册缩放，因为该元素会阻止鼠标指针在单个条上注册

---

为什么会出现这种不稳定的水平滚动？我如何解决它？

这可能会有所帮助：这是同样的问题，但他们的解决方案在这种情况下不起作用。我不能在整个图表上放置一个不填充“g”来注册缩放，因为我仍然希望在图表的各个条上注册鼠标移动事件。