该问题是由以下行引起的：

svgs.select("circle")

根据d3.select文件：
选择与指定的选择器字符串匹配的第一个后代元素
若要选取数据系结的所有圆，应该改用d3.selectAll。
改编片段如下：
第一个

我能想到的解决这个问题的唯一方法是按照Mehdi的建议使用selectAll（），将选择更改为.svg，并将**.append（circle）移动到更新中。我还发现.data（）**是多余的。
第一个

以下是gitHub的评论：“...您正在从联接的Enter方法返回Enter选择;你需要返回一个实体化的选择代替..."，可以得出结论，enter selection 不能直接返回，所以我发现一个选项是使用一个临时选择，源自.append()：

// it works
.join(
  enter => enter
    .append("path")
    .attr("class", "item")
    .attr("fill", "red")
    .attr("d", arc)
)

// it does not work
.join(
  enter => { 
    enter
      .append("path")
      .attr("class", "item")
      .attr("fill", "red")
      .attr("d", arc);

    return enter;
  }
)

// it works!
.join(
  enter => { 
    let sel = enter
      .append("path")
      .attr("class", "item")
      .attr("fill", "red")
      .attr("d", arc);

    return sel;
  }
)

因此，使用最后一种方法，可以对选择进行自定义更改，添加新的svg子项等。