D3相关 -- 区分选择集和xx对象

1、示例

var rect = svg.append("rect")
                    .attr("fill","yellow")
                    .attr("x",100)
                    .attr("y",100)
                    .attr("width",100)
                    .attr("height",30)
        
        //打印rect
        console.log(rect)       //rect是选择集

        //启动过渡效果
        var rectTran = rect.transition()

        //打印rectTran
        console.log(rectTran)   //rectTran是一个过渡对象

2、选择某一类型的选择集

// 在根元素document.documentElement上返回一个新的对象，等价于d3.select

d3.selectAll('circle')

3、选择某一类型的过渡对象

d3.selectAll('circle').transition()

4、d3.transition([selection],[name])

//创建一个过渡对象。但是由于每个选择集中都有transition()方法，可用d3.select("rect").transition()的方式来创建过渡，因此一般不直接用d3.transition()。

    d3.transition().selection().selectAll('circle').transition().duration(5000).attr('fill', 'red')

等价于

d3.selectAll('circle').transition().duration(5000).attr('fill', 'red')

1