D3 tickValues不工作

Question

我有以下D3軸：

var x = d3.scale.ordinal() 
.domain(["A", "B", "C", "D", "E"]) 
.rangePoints([0, width]); 

var xAxis = d3.svg.axis() 
.scale(x) 
.tickValues(["a", "b", "c", "d", "e"]) 
.orient("bottom"); 

工作小提琴這裏：https://jsfiddle.net/akshayKhot/1vusrdvc/

的tickValues沒有顯示比第一個其他。我錯過了什麼嗎？

Answer 1

您需要爲您的序數值中的每一個範圍值：

var x = d3.scale.ordinal() 
    .domain(["A", "B", "C", "D", "E"]) 
    .range([0, 1/4 * width, 2/4 * width, 3/4 * width, width]); 

https://jsfiddle.net/39xy8nwd/