html设置随机坐标,D3.js实现随机散点图（附带横纵坐标轴）

.axis path, .axis line {

fill: none;

stroke: black;

shape-rendering: crispEdges;

}

.axis text {

font-family: sans-serif;

font-size: 11px;

}

var w = 600; // svg宽度

var h = 600; // svg高度

var dataset = []; // 坐标点数据集合

var xRange = Math.random() * 1000; // x坐标的范围

var yRange = Math.random() * 1000; // y坐标的范围

var num = 50; // 点的个数

var padding = 50; // 描点区域距离svg边界的间距

for (var i = 0; i < num; i++) {

// 随机生成50个点坐标

var tmp1 = Math.floor(Math.random() * xRange);

var tmp2 = Math.floor(Math.random() * yRange);

dataset.push([tmp1, tmp2]);

}

// x坐标的线性比例尺

var xScale = d3.scale.linear()

.domain([0, d3.max(dataset, function(d) {

return d[0];

})])