精通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)')
相關文章
相關標籤/搜索