坐标轴（Axis）就是比例尺在界面上的直观显示，所以坐标轴必须要和一个比例尺进行绑定。d3.js提供了现成的语法代码，可以很方便的画出坐标抽。如下：

定义一个坐标轴：

坐标轴是由SVG的、和组成的。坐标轴的主线就是，刻度短线是，刻度文本是。这些标签要加入到SVG的标签中。轴元素的样式名为“domain”，刻度的样式表为“tick”

我们可以自定义坐标轴的样式，比如追加如下的样式代码：

然后给元素追加一个class属性，指定为axis。如下：

这样就显示了一个蓝色的坐标轴，并且刻度文字是红色12px大小。

xScale是一个比例尺，其定义域为[0, 10]，表示坐标轴的刻度范围。值域为[0, 300]表示绘制在界面上坐标轴长度（像素）的范围。代码的最后一行就是渲染这个坐标轴，使用了call()命令。 渲染坐标轴有两个方法可以调用，如下：

在坐标轴上标注刻度是由d3自动标注的的，比如上面的代码在坐标轴上显示了0、1、2…10共11个刻度文字。如果只想显示5个刻度，可以写如下代码：

或者只想在特定的值上显示刻度，可以写如下的代码：

显示在坐标轴上的刻度线的长短默认为6，可以通过tickSize(value)、tickSizeInner(value)和tickSizeOuter(value)来设置。outer表示轴两头端点的刻度线长度，inner表示除了两头内部刻度线的长度；可以通过tickPadding(value)来设置刻度线和刻度文字之间的间隔，这个值默认为3；最后可以通过tickFormat()来格式化显示刻度文字，比如增加百分号，或者保留2位小数等。如下：