Javascript d3.js 4.2选择中的第一个元素未绑定

对于查看d3 4的人来说，有一个简单的问题：

当此代码运行时，DOM中只显示2和3。数组中的第一个元素丢失会带来什么？

d3。选择（“body”）

选项包含一个元素，因此

.data（）

会将1添加到所选的body元素中，2、3被保留并包含在

.enter（）

管道中。如果要输入所有三个元素，必须在如下空选择中调用

.data（）

：

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

---

托米的回答解释了这一点：如果你想让你的“输入”选择包含你所有的数据，选择一些不存在的数据。请查看以下文档：

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