d3学习笔记

(1)使用enter()函数。

当要创建新的绑定数据的元素,必须使用enter()。这个方法会分析当前选择的DOM元素和传给它的数据,如果数据值比对应的DOM元素多,就创建一个新的占位元素。然后把这个新占位元素的引用交给链中的下一个方法。

var dataset = [2.5, 2.1, 1.7, 1.3, 0.9]
svg.selectAll("rect")
            .data(dataset)
            .enter()
            .append("rect")
            .attr("x", 20)
            .attr("y", function (d, i) {
                return i * rectHeight
            })
            .attr("width", function (d) {
              // return d
                return linear(d)  //在这里用比例尺
            })
            .attr("height", rectHeight - 2)
            .attr("fill", "steelblue")

 

  

posted @ 2018-08-15 15:47  亦心晗  阅读(269)  评论(0编辑  收藏  举报