d3.js 4.2 erstes Element bei der Auswahl nicht verbindlich

Question

Einfache Frage für jemand d3 4 Check-out: https://jsfiddle.net/dwrzso58/

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

wenn dieser Code läuft nur 2 und 3 in dem DOM angezeigt. Was gibt mit dem ersten Element im Array verloren?

Answer 1

d3.select("body") Auswahl enthält ein Element, das so .data() 1 an das Karosserieelement ausgewählt und fügt 2, 3 übrig bleiben und eingeschlossen in die .enter() Pipeline. Wenn Sie alle drei Elemente eingeben wollen, müssen Sie .data() auf eine leere Auswahl so nennen:

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