d3座標軸位於[0,1]域

Question

我正在用d3繪製一個簡單的（4選項）雷達圖表。 但即使使用manualy定義的比例尺，我的座標軸在像素大小（長度）和帶標籤的數字方面都會繪製域[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的中心，而沒有任何關係定義的比例：

Answer 1

要使用的比例沒有設置作爲參數傳遞給構造函數d3.svg.axis()（它不帶任何參數），而是通過.scale() method：

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

完整演示here。