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

时间:2013-09-29 22:12:34

标签: javascript svg d3.js

我做了一个比例:

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

1 个答案:

答案 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]);