D3 Zoom＆amp; Pan - 如何启用缩放和放大平移图表上的任何位置并限制显示范围内的圆圈，同时平移和放大缩放

Question

我正在尝试使用带有D3和zoom选项的pan图书馆开发时间表图表。这是jsfiddle - https://jsfiddle.net/avavzgLy/。

只有当我将鼠标悬停在图表中的x轴刻度或Circles上时，我才能进行缩放和平移。如何通过将鼠标悬停在图表上的任何位置来进行缩放和平移。同时在缩放/平移时，图表中的圆圈在到达x轴域范围时仍然会显示，只有在达到svg宽度时才会消失。

Answer 1

我使用ClipPath SVG元素解决了上述问题。更新了工作jsfiddle链接 - https://jsfiddle.net/avavzgLy/1/