Question

在D3.js中，如何将其他数据添加到已经获得数据绑定的选择器中？

例如：

var nums = [ 0, 1, 2, 3, 4];
var nums2 = [5, 6, 7];
var s1 = d3.select("body").selectAll("p").data(nums).enter().append("p").html(function(d) { return d; });
var s2 = d3.select("body").selectAll("p").data(nums2).enter().append("p").html(function(d) { return d; });
console.log("s1", s1);
console.log("s2", s2);

创建段落0,1,2,3,4，但不创建段落5,6和7.此外，通过窥视组s1和s2，我注意到组s2具有我请求创建的元素，但元素没有添加到DOM中。

Answer 1

对于上面提到的例子，试试这个 -

var nums = [ 0, 1, 2, 3, 4];
var nums2 = [5, 6, 7];
var s1 = d3.select("body").selectAll("p").data(nums , function(d){return d;}).enter().append("p").html(function(d) { return d; });
var s2 = d3.select("body").selectAll("p").data(nums2, function(d){return d;}).enter().append("p").html(function(d) { return d; });

希望这会有所帮助!!

d3.js，向预先存在的元素添加其他数据

1 个答案: