d3.js——直方图的绘制及过去知识点的结合

//随机生成数据
var rand = d3.random.normal(0,25)
var dataset = [];
for (var i = 0;i <100;i++){
    dataset.push(rand());
}

一、直方图数据转换函数：

//数据转换
var bin_num = 15
var histogram=d3.layout.histogram()
    .range([-50,50]) //区间范围
    .bins(bin_num) //分隔数
    .frequency(true)//true:统计个数；false:统计概率
var data = histogram(dataset);
console.log (data)

二、开始绘制：

var svg = d3.select("body").append("svg")
    .attr("width",600)
    .attr("height",600)
var color = d3.scale.category20();

1、定义比例尺

var max_height = 400,
    rect_step = 30,//直方图间距
    heights = [];
for (var i = 0;i<data.length;i++){
    heights.push