有四个不同的数轴,每个分别对应不同的方向和标签位置,它们是:d3.axisTop、d3.axisBottom、d3.axisLeft和d3.axisRight。
d3.axisLeft和d3.axisRight生成垂直数轴,刻度与标签分别位于左侧和右侧。d3.axisTop和d3.axisBottom生成水平数轴,刻度与标签分别位于上侧与下侧。
先建立一个垂直方向的,刻度位于左边的数轴,共三个刻度。
```
var yAxis = d3.axisBottom(yScale);//定义比例尺
var yAxis = d3.axisLeft(yScale)
.ticks(3); //共3个刻度,只是一个约数,如果想精确确定刻度,可以使用 .tickValues([10,20,30]);
var svg = d3.select('body').append('svg')
.attr('width', w).attr('height', h);
svg.append('g')
.attr('transform', 'translate(' + space/2 + ', ' + '0)')
.call(yAxis);
```