d3.js 坐标轴设置

常用代码：

一、定义坐标轴

定义坐标轴的总体思路就是先定比例尺，线性还是非线性等，然后再定义坐标轴，最后加到svg或者svg中定义的g元素里面

V3版本：

// 数据
var dataset = [2.5, 2.1, 1.7, 1.3, 0.9];
var svg = d3.select("svg");  //定义一个svg
  var g = svg.append("g")    //svg里插入一个g元素
    		attr("transform","translate("+marge.top+","+marge.left+")");

// 定义比例尺
var linear = d3.scale.linear()
    .domain([0, d3.max(dataset)])
    .range([0, 250]);
//定义一个坐标轴
var axis = d3.svg.axis()
    .scale(linear)      // 指定比例尺
    .orient("bottom")   // 指定刻度的方向
    .ticks(7)         // 指定刻度的数量
    .tickFormat(function(d) {                       //格式化刻度上显示的数字
            return d + 2020   
        })

g.append("g")
    		.attr("transform","translate("+20+","+(dataset.length*rectHeight)+")")
    		.call(axis