D3__散点图

<script type="text/javascript">
dataset=[];
for (i=0;i<50;i++){
   
    x=Math.round(Math.random()*1000);
    y=Math.round(Math.random()*1000);
    dataset.push([x,y]);
}
var formator=d3.format(".1%")  //刻度样式自定义，也可以通过formator(10)测试。

/*
    var dataset=[[ 5, 20 ],
}
[ 480, 90 ],
[ 250, 50 ],
[ 100, 33 ],
[ 330, 95 ],
[ 410, 12 ],
[ 475, 44 ],
[ 25, 67 ],
[ 85, 21 ],
[ 220, 88 ]];*/
var h=350;
var w=800;
    var svg=d3.select("body").append("svg");
    svg.attr("height",h)
        .attr("width",w);
        /*设置比例尺*/
    padding=35;
    var xscale=d3.scaleLinear()
                .domain([0,d3.max(dataset,function(d){
                    return d[0];
                })])
                .range([0+padding,w-padding]);
    var yscale=d3.scaleLinear()
                .domain([0,d3.max(dataset,function(d){
                    return d[1];
                })])
                .range([h-padding,0+padding]);//改变下y坐标的延伸方向
    var rscale=d3.scaleLinear()
                .domain([0,d3.max(dataset,function(d){
                    return d[1];
                })])
                .range([2,5])