D3中帶標籤的線性刻度

Question

D3中有可能具有線性刻度但使用（序數式）標籤嗎？

我想在X軸下顯示月份名稱。我一開始使用了順序規模，它運行良好;但事實證明D3縮放不適用於順序縮放。

所以我想要有線性刻度（0-11作爲月份數字），但是當我們渲染軸的時候會得到月份名稱。那可能嗎？任何建議/解決方法，讚賞。

Answer 1

我實現了這個使用Axis.tickFormat

例如，

var y = d3.scale.linear() 
.range([height, 0]); 

var yAxis = d3.svg.axis() 
.scale(y) 
.orient("left") 
.ticks(5) 
.tickFormat(function (d) { 
    switch(d) { 
     case 40: return "Monday"; break; 
     case 50: return "Tuesday"; break; 
     case 60: return "Wednesday"; break; 
     case 70: return "Thursday"; break; 
     case 80: return "Friday"; break; 
    } 
}); 

Answer 2

應該像下面這樣，但你需要相應地映射你的「數據」。

var data = [40,50,60,70,80] 
var days = ["Mon","Tue","Wed","Thu","Fri"] 

var yAxis = d3.svg.axis() 
.scale(y) 
.orient("left") 
.ticks(5) 
.tickFormat(function (d,i) { 
    return days[i]; 
});