缩放只有在散点图中悬停在点上时才有效

Question

我正在尝试使用D3实现具有缩放功能的散点图。我已经生成了绘图和可视化，只有当鼠标光标在数据点上时才可以放大和缩小。换句话说，当鼠标在点以外的任何地方时，我无法缩放。

我一直在网上搜索和尝试一些例子，但我没有运气。请检查此链接中的代码：https://github.com/e-kaya/scatter.git您认为我做错了什么？

提前致谢。

Answer 1

您正在调用svg.select(".dots").call(zoom); 上的缩放功能。

<svg>

尝试将缩放功能绑定到d3.select('svg').call(zoom); 。

function zoomed() {
    d3.select('svg).attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")");
}

根据您的要求，您可能还需要调整缩放功能。

{{1}}

这会缩放你的svg容器。