Javascript d3轴位于[0,1]域中

我正在用d3绘制一个简单的（4个选项）雷达图。 但是，即使使用手动定义的比例，我的轴也在域[0,1]上绘制像素大小（长度）和标记数字

代码如下：

var scl = d3.scale.linear().domain([0, 100]).range([0, 100]);
var x1Axis = d3.svg.axis(scl);

d3.select('#radarWrapper svg')
  .append('g')
  .attr("class", "axis")
  .attr("transform", "translate(" + (width/2) + "," + (height/2) + ")")
  .call(x1Axis);

这将在svg的中心绘制一个愚蠢的单点比例，与定义的比例没有任何关系：

---

要使用的比例不是作为构造函数的参数设置为

d3.svg.axis（）

（它不接受任何参数），而是通过：

完成演示

var x1Axis = d3.svg.axis().scale(scl);