D3.js：序軸的第一部分加入2倍

Question

使一個標尺：

d3.scale.ordinal() 
    .domain(monthds) 
    .rangeRoundBands([0, w]); 

然後使sAxis和將其添加到SVG：

svg.append("g") 
    .attr("class", "axis") 
    .attr("transform", "translate(0," + (h - padding) + ")") 
    .call(xAxis); 

但由於某些原因的前兩個月抽兩次。下面是jsbin的鏈接：http://jsbin.com/uyitis/22/edit

Answer 1

由於Stephen評論它看起來很好。我碰到了jsbin以整理這個軸。 x軸是掛到一個位，所以我通過在填充添加向右移動的一側，如在：

//Create X axis 
      svg.append("g") 
       .attr("class", "axis") 
       .attr("transform", "translate("+ padding + "," + (h - padding) + ")") 
       .call(xAxis); 

日期刻度範圍也不得不用該填充被更新以停止十月是丟失，如：

var xDateScale = d3.scale.ordinal() 
           .domain(monthds) 
           .rangeRoundBands([0, w-padding]);