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