精通d3的错误

7.13子元素

书上说:过渡是针对选择集本身来说,里面的子元素不受影响

正解:子元素的属性没有变,但是会随着父元素一起过渡(位置)

//子元素宽度没变,但是位置变了
let g=this.svg.append('g')
    g.selectAll('.rect').data([100,100,100]).join(enter=>{
      enter.append('rect')
             .attr('width',d=>d)
                 .attr('height',50)
                 .attr('transform',(d,i)=>`translate(0,${i*80})`)
    })
    g.transition()
     .attr('width',300)
     .attr('transform','translate(200,200)')

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理