Refresh


d3.select("#my3d-refresh").on("click", function() {//放置要觸發的程式碼//隨機陣列
	var numDataset = dataset.length;
	dataset = [];
	for (var i = 0; i < numDataset; i++) {
		var newNumber = Math.floor(Math.random() * numDataset) + 8;
		dataset.push(newNumber);
	}//改變矩形元素高度
	svg.selectAll("rect").data(dataset).transition().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)";
	});//改變字型元素位置
	svg.selectAll("text").data(dataset).transition().text(function(d) {
		return d;
	}).attr("x", function(d, i) {
		return xScale(i) + xScale.rangeBand() / 2;
	}).attr("y", function(d) {
		return h - yScale(d) + 15;
	});
});
Go to top