我做了一个比例:
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
答案 0 :(得分: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]);