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

Go to top