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

Javascript 获取d3.js中输入选择的数据,javascript,d3.js,Javascript,D3.js,对于d3,*.enter()返回的选择非常特殊,因为它只是未来元素的占位符。不幸的是,这意味着我无法使用*.data()获取与输入元素相关的数据(使用*.exit().data()也是如此) 我目前的情况是,在初始化这些元素之前,几个转换的时间取决于输入元素的内容 因此,我的问题是:在实例化数据联接中的输入元素之前,如何获取将链接到这些元素的数据对象数组?您可以直接访问选择中的数据结构。在顶层,有一个单元素数组。该元素包含占位符元素,其中的数据绑定到这些元素上,用于输入选择。您只需要迭代这些元素

对于d3,*.enter()返回的选择非常特殊,因为它只是未来元素的占位符。不幸的是,这意味着我无法使用*.data()获取与输入元素相关的数据(使用*.exit().data()也是如此)

我目前的情况是,在初始化这些元素之前,几个转换的时间取决于输入元素的内容


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

您可以直接访问选择中的数据结构。在顶层,有一个单元素数组。该元素包含占位符元素,其中的数据绑定到这些元素上,用于输入选择。您只需要迭代这些元素

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

完成演示。

您可以直接访问选择中的数据结构。在顶层,有一个单元素数组。该元素包含占位符元素,其中的数据绑定到这些元素上,用于输入选择。您只需要迭代这些元素

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

完成演示。

您可以直接访问选择中的数据结构。在顶层,有一个单元素数组。该元素包含占位符元素,其中的数据绑定到这些元素上,用于输入选择。您只需要迭代这些元素

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

完成演示。

您可以直接访问选择中的数据结构。在顶层,有一个单元素数组。该元素包含占位符元素,其中的数据绑定到这些元素上,用于输入选择。您只需要迭代这些元素

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