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

斯蒂芬评论说看起来不错。我已经碰到了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]);

D3.js：顺序轴的第一部分加2次

1 个答案: