Я играю с примером drag multiples, и я заметил то, что не могу объяснить.
В этом фрагменте:
var svg = d3.select("body").selectAll("svg")
.data(d3.range(16).map(function() { return {x: width / 2, y: height / 2}; }))
.enter().append("svg")
.attr("width", width)
.attr("height", height);
Я изменил selectAll
на select
. Он по-прежнему работает, но теперь элементы svg
добавляются после тега </body>
. Исходный код с selectAll
добавляет их после тега <body>
, как и следовало ожидать.
Поскольку исходный html не содержит жестко закодированного элемента <svg>
, я бы подумал, что оба select
и selectAll
просто возвращают пустой выбор. Поэтому я не могу понять, почему они приводят к другому поведению.
Я просто ищу объяснения. Спасибо!