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")

  

猜你喜欢

转载自www.cnblogs.com/wanf/p/9481864.html
D3