追加与D3js数据绑定嵌套svg元素？

我想要使用D3js数据绑定，将矩形添加为已转换的svg元素的子元素。我的矩形实际上被追加，但它们被追加到html元素（我的意思是html文档的根元素），而不是我认为是其父节点的g元素的子元素。如何将它们作为g元素的子节点添加？追加与D3js数据绑定嵌套svg元素？

//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) 
;

来源

2015-09-02 TTT

您可以发布您的代码展示了如何创建svgTranslate对象吗？ –

您需要'.selectAll（）'而不是'.select（）'。 –

谢谢。 .selectAll（）解决了它。 – TTT

正如评论说拉尔斯Kotthoff，我不得不UE .selectAll()代替.select()

来源

2015-09-04 07:40:11 TTT

追加与D3js数据绑定嵌套svg元素？

回答

相关问题