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

Question

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

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

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

这项工作到目前为止，但隐藏/显示整个地图。

我有一个绘制地图上的点的“drawpoints（）”函数。 如何更改我的代码，它只显示/隐藏点而不是整个地图？

Answer 1

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

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