在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");