0

私はスケールを作ります：

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

次に、sAxis を作成し、svg に追加します。

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

しかし、なぜか最初の2ヶ月は2回描かれています。jsbin へのリンク: http://jsbin.com/uyitis/22/edit

4

1 に答える 1

1

スティーブンがコメントしたように、それは問題ないようです。軸を少し整理するためにjsbinをぶつけました。x 軸が少し横にぶら下がっていたので、次のようにパディングを追加して右に移動しました。

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

次のように、10 月が失われないように、日付スケール範囲もパディングで更新する必要がありました。

var xDateScale = d3.scale.ordinal()
                               .domain(monthds)
                               .rangeRoundBands([0, w-padding]);
于 2013-09-30T01:13:39.497 に答える