在页面上附加 25 个圆圈后,我运行以下函数:
var transitionPage = function () {
startThePage();
var height = $(document).height() - 20
, width = $(document).width()
;
d3.selectAll("circle")
.transition().duration(2500)
.style("fill", "steelblue")
.attr("r", 15)
.transition().duration(1000)
.attr("cy", (height / 2))
.each(function (d, i) {
d3.select(this)
.transition().duration(1000)
.attr("cx", 30 + (i * width / 25));
});
}
这很好用并且正确地将它们沿页面中间水平排列。
但是,我不知道如何将每个圆圈转换为正方形或矩形。
我应该如何解决这个问题?