Question

我正在尝试使用D3js数据绑定，将矩形作为转换后的svg元素的子项追加。我的矩形实际上被附加但是它们被附加到html元素（我的意思是html文档的根元素）而不是我认为是它们的父节点的g元素的子元素。如何将它们作为g元素的子节点附加？

//var svgTranslate = (sgv:g with some transform applied)

var myclassSelection = svgTranslate.select('rect.myclass');
var myclassBinding = myclassSelection.data(data);
var myclassBindingEnter = myclassBinding.enter();

myclassBindingEnter
.append('rect')
    .attr('class','myclass')
    .attr('x', function(d) { return d[0]; })
    .attr('y', 0)
    .attr('width', function(d) { return d[1]; })
    .attr('height', 25)
;

Answer 1

正如Lars Kotthoff在评论中所回答的那样，我不得不.selectAll()代替.select()

使用D3js数据绑定追加嵌套的svg元素？

1 个答案: