D3順序量表，對tickvalues

Question

左，右頁邊距我有順序量表一x-axis就像在這個例子中： http://bl.ocks.org/mbostock/3259783

正如你可以看到一個名爲「蘋果」的第一跳從的x開頭開始最後一個「葡萄柚」在最後。 我想要的是爲最後的滴答滴答留下第一個滴答和填充。

這我怎麼會喜歡有軸（也請記住，這是一個有序的規模，我認爲它比時間刻度或線性略有不同）

這是我的代碼：

var x = d3.scale.ordinal() 
      .domain(["apple", "orange", "banana", "grapefruit"]) 
      .rangePoints([0, width]); 

var xAxis = d3.svg.axis() 
       .scale(x) 
       .orient("bottom"); 

Answer 1

每https://github.com/mbostock/d3/wiki/Ordinal-Scales你可以指定順序量表「爲點之間的間隔倍數」的開始和結束填充的documenatation。

嘗試：

var x = d3.scale.ordinal() 
      .domain(["apple", "orange", "banana", "grapefruit"]) 
      .rangePoints([0, width], 1.0);