D3 v4 - 访问选择数组并找到相应的元素

时间:2016-08-01 15:36:14

标签: javascript d3.js

我试图让约束放松,为我的饼图工作。 它基于这个例子https://jsfiddle.net/thudfactor/HdwTH/但是使用的放松方法似乎不再适用于v4 具体问题是他们如何直接访问选择组数组:

textLabels = labelGroups.append("text").attr( ... );

if(again) {
        labelElements = textLabels[0];     <------------- here
        textLines.attr("y2",function(d,i) {
            labelForLine = d3.select(labelElements[i]);
            return labelForLine.attr("y");
        });
        setTimeout(relax,20)
    }

使用D3 v4.x更改了如何访问选择组数组? 你现在怎么样呢?

1 个答案:

答案 0 :(得分:13)

在D3 4.0中,选择不再是数组。根据API:

  

选择不再使用原型链注入子类化Array;它们现在是普通物体,提高了性能。

所以,如果你console.log(textLabels),你会发现这样的事情:

{_groups: Array[1], _parents: Array[1]}

具体取决于您选择的内容。从那里,您可以使用textLabels._groups访问您的阵列。

对于拥有数组,您必须使用selection.nodes(),根据API:

  

返回此选择中所有(非null)元素的数组。