D3 地图 - 过滤特定属性

Question

我正在使用 D3 构建一个带有国家名称文本标签的地图。我的问题是我生成了太多国家标签，并且想手动选择要显示的国家/地区。

最好的方法是什么？我可以使用

找到我的国家/地区名称

d.properties.name

也许我可以使用 d3.filter() 但我不知道该怎么写

svg.selectAll(".place-label")
.data(topojson.feature(germany, germany.objects.populated).features)
.enter().append("text")
.attr("class", "place-label")
.attr("transform", function(d) { return "translate(" +  projection(d.geometry.coordinates) + ")"; })
.attr("dy", ".35em")
.text(function(d) { return d.properties.name; });

Answer 1

您可以像这样使用过滤器功能：

.text(function(d) { return d.properties.name; })
.filter(function(labels) {
                    if(labels.properties.name == "some country name"){
                        //do stuff here
                    }
                    //or return the specific label and continue styling it afterwards
                    return labels.properties.name == "germany";
                })
.style("opacity",0);// make it dissappear

你也可以把它放在像点击这样的事件中。