在 d3.js 中显示/隐藏图层

首先：我是 d3.js 的新手！

我有一张地图，上面显示了一些点。现在我想添加按钮来显示/隐藏点。 到目前为止我所拥有的：

function checkAll(){
    d3.selectAll("g").attr("visibility", "visible");
}
function uncheckAll(){
    d3.selectAll("g").attr("visibility", "hidden");
}

到目前为止，这有效，但隐藏/显示整个地图。

我有一个函数“drawpoints()”，可以在地图上绘制点。 如何更改我的代码，使其仅显示/隐藏点而不是整个地图？

您只需选择要隐藏的元素。例如，如果它们由类标识，您将执行以下操作：

d3.selectAll(".classOfCircles").attr("visibility", "hidden");