svg.selectAll("rect").data(dataset)
.transition()
.delay(function(d, i){
return i / dataset.length * 1000;
})
.duration(500)
.ease("bounce")
.attr("y", function(d) {
return h - yScale(d);
}).attr("height", function(d) {
return yScale(d);
}).attr("fill", function(d) {
return "rgba(" + (85 + d * 3) + ",66,54,1)";
});
範例產生25個數(迴圈從0開始,最大值為24)
總時間為 1000 * (24/25) + 500 ~ 1500(毫秒) = 1.5(秒)
Refresh