產生隨機座標

	var numDataset = 50;
	var dataset = [];
	for (var i = 0; i < numDataset; i++) {
		var xDot = Math.floor(Math.random() * w);
		var yDot = Math.floor(Math.random() * h);
		dataset.push([xDot, yDot]);
	}

 

建立圓形元素

svg.selectAll("circle").data(dataset).enter().append("circle").attr("cx", function(d) {
		return d[0];
	}).attr("cy", function(d) {
		return d[1];
	}).attr("r", 5);

 

建立文字元素

svg.selectAll("text").data(dataset).enter().append("text").text(function(d) {
		return "(" + d[0] + "," + d[1] + ")";
	}).attr("x", function(d) {
		return d[0] + 5;
	}).attr("y", function(d) {
		return d[1] + 5 * 2;
	}).attr("font-family", "sans-serif").attr("font-size", "8px").attr("fill", "rgba(85,66,54,1)");
Go to top