如何设置默认选项d3.js

Question

我的绘图中有一个下拉列表，用于选择用户想要显示的点。 A是绿色的。 B为黄色，是我的默认选项。首次加载图时，我只想在图中显示黄点。但在这里它显示了数据中的所有点。任何人都可以告诉我如何解决它？

var defaultOption = ["B"];
var dropDown = d3.select("#filter").append("select")
                .attr("type", "AB")
                .attr("class","list");

var options = dropDown.selectAll("option")
       .data(d3.map(data, function(d){return d.type;}).keys())
       .enter()
       .append("option") 
      .property("selected", function(d){
    return d == defaultOption;})  
     .text(function (d) { return d; })
      .attr("value", function (d) { return d; });

    dropDown.on("change", function() {
  var selected = this.value;
  displayOthers = this.checked ? "inline" : "none";
  display = this.checked ? "none" : "inline";

  svg.selectAll(".circles")
      .filter(function(d) {return selected != d.type;})
      .attr("display", displayOthers);

  svg.selectAll(".circles")
      .filter(function(d) {return selected == d.type;})