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

Question

首先:我是 d3.js 的新手!

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

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

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

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

Answer 1

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

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