d3.js选择器未返回实际对象
我使用的是d3.jsv4。我在google chrome浏览器的控制台上执行了以下代码d3.js选择器未返回实际对象,d3.js,D3.js,我使用的是d3.jsv4。我在google chrome浏览器的控制台上执行了以下代码 var theData = [ 1, 2, 3 ] var p = d3.select("body").selectAll("p") .data(theData) .enter() .append("p") .text("hello "); console.log(p); 我期待着这样的结果: 但我得到的结果如下所示 有
var theData = [ 1, 2, 3 ]
var p = d3.select("body").selectAll("p")
.data(theData)
.enter()
.append("p")
.text("hello ");
console.log(p);
我期待着这样的结果:
但我得到的结果如下所示
有人能告诉我为什么会有这种差异吗?根据D34.x:
选择不再使用原型链注入子类数组;它们现在是普通对象,提高了性能
因此,在D3版本4.x中,选择是对象
另外,值得一提的是,您使用的是压缩版本(),它返回:
zi {_groups: Array[1], _parents: Array[1]}
在正常版本()中,console.log
返回值应为:
Selection {_groups: Array[1], _parents: Array[1]}
如果您想获得与D3 v3中类似的内容,请使用nodes()
:
var theData=[1,2,3]
变量p=d3。选择(“主体”)。选择全部(“p”)
.数据(theData)
.输入()
.附加(“p”)
.text(“你好”);
log(p.nodes())代码>