在d3.js中获取输入选择的数据

Question

对于d3，*。enter（）返回的选择很特殊，因为它只是即将到来的元素的占位符。 不幸的是，这意味着我无法使用* .data（）获得与输入元素相关的数据（如* .exit（）。data（）可能的那样）。

我目前处于以下情况：几个过渡的时间取决于初始化这些元素之前输入元素的内容。

因此，我的问题是：在实例化数据联接之前，如何获取将链接到数据联接中输入元素的数据对象数组？

Answer 1

您可以直接访问所选内容内的数据结构。 在顶层，有一个单元素数组。 元素包含占位符元素，并具有绑定到其上的用于enter选择的数据。 您只需要遍历这些元素。

var enterData = selection.data(data)
    .enter()[0].map(function(d) { return d.__data__; });

在此处完成演示。