在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);
至此,问题完美解决~~