Lineare Skala mit Beschriftungen in D3

Question

Ist es in D3 möglich, eine lineare Skala zu verwenden, aber (Ordnungsstil) Beschriftungen zu verwenden?

Ich möchte Monatsnamen unter X-Achse anzeigen. Ich habe zuerst die ordinale Skala benutzt und es hat gut funktioniert; aber stellt sich heraus, D3 Zoom funktioniert nicht mit Ordinalskala.

Also ich möchte die lineare Skala haben (0-11 als Monatszahlen) aber irgendwie Monatsnamen bekommen, wenn wir die Achse rendern. Ist das möglich? Irgendwelche Vorschläge/Workarounds werden geschätzt.

Answer 1

ich erreicht dieses Axis.tickFormat

Zum Beispiel verwenden,

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

sollte wie dies funktionieren, aber Sie werden Ihre ‚Daten‘ müssen entsprechend abzubilden.

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]; 
});