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

巴特西

d3学习笔记

最新文章

热门文章