D3js序數軸未顯示所有刻度

Question

我在d3中實例化了一個有序刻度並將其關聯到一個軸。 然后，將該軸附加到頁面上的SVG畫布； 這是一個片段：

var arange = [1,2,3,4,5];
var ticks = ['one' , 'two', 'three', 'four', 'five'];

var myScale = d3.scale.ordinal();
myScale.range(arange)
   .domain(ticks);

var myAxis = d3.svg.axis()
       .scale(myScale)
       .orient("bottom");

canvas.append("g")
.attr("class", "time axis")
.attr("transform" , "translate ("+myOrigin[0]+" , "+myOrigin[1]+")")
    .call(myAxis);

如果我以后更改比例（添加另一個刻度和相應的范圍，即arange = [1,2,3,4,5,6]和ticks = ['one'，'two'，'3'，'four' ，'5'，'6']）軸的長度正好到達新的范圍，但並非所有的刻度都被繪制出來：某些刻度線以某種方式丟失了。

你能啟發我嗎？

Answer 1

強制D3顯示所有標簽的唯一方法是將它們明確設置為刻度值。 您的情況如下：

var myAxis = d3.svg.axis()
   .scale(myScale)
   .tickValues(ticks)
   .orient("bottom");