d3.js 4.2 选择中的第一个元素不绑定答案

【问题标题】：d3.js 4.2 first element in selection not bindingd3.js 4.2 选择中的第一个元素不绑定
【发布时间】：2016-12-21 00:23:58
【问题描述】：

对于签出 d3 4 的人的简单问题： https://jsfiddle.net/dwrzso58/

d3.select("body")
    .data([1,2,3])
  .enter()
  .append("div")
  .text((d,i)=>d)

当这段代码运行时，只有 2 和 3 出现在 DOM 中。数组中的第一个元素丢失是什么原因？

【问题讨论】：

Tormi 的回答对此进行了解释：如果您希望“输入”选择包含所有数据，请选择不存在的内容。看看这个文档：stackoverflow.com/documentation/d3.js/2135/selections/16948/…

【解决方案1】：

d3.select("body") 选择包含一个元素，因此.data() 将 1 添加到选定的主体元素，2、3 被留下并包含在 .enter() 管道中。如果你想输入所有三个元素，你必须在这样的空选择上调用.data()：

d3.select("body").select("div")
.data([1,2,3])
.enter()
.append("div")
.text((d,i)=>d)

【讨论】：