D3.js AreaChart對齊問題

Question

我需要一點幫助。我在d3.js中有一個使用序數爲x軸的堆疊面積圖（並且可能還有y，但尚未實現），並且在渲染時，它不太正確。我需要弄清楚如何移動圖表（而不是座標軸），以便最左邊的邊界與第一個刻度線垂直排列，最右邊的邊與最後一個刻度線對齊。

我試過幾種變化，似乎無法弄清楚起始x值。

任何幫助，將不勝感激。

我的X代碼

var x = d3.scale.ordinal().rangeRoundBands([0, width]); 
x.domain(['Dec','Jan','Feb']); // Hard coded for now 

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

整個圖表（數據）的一個JS提琴： http://jsfiddle.net/adeaver/FRNbq/6/

Answer 1

你試過：

var x = d3.scale.ordinal() 
    .rangePoints([0, width]); 

這可能是你在找什麼對於。

Answer 2

這也適用於：

var x = d3.scale.ordinal() 
    .rangeRoundBands([0, width], 1, 0);