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/