d3.js在坐标轴遇到的问题

在d3.js v4版本之前，写坐标轴是这样写的：

var axis = d3.svg.axis()
     .scale(linear)      //指定比例尺
     .orient("bottom")   //指定刻度的方向
     .ticks(7);          //指定刻度的数量

但是d3 v4版本之后，再这样写的话会报如下错误：

Uncaught TypeError: Cannot read property 'axis' of undefined

去网上查了下，原来d3 v4版本以后的坐标轴写法发生了改变，如下：

var xAxis = d3.axisBottom()
		    .scale(linear)
		    .ticks(5);

至此，问题完美解决~~