D3 4.0 rangeRoundBands相当于？

Question

我看到很多D3代码有这样的东西:

var x = d3.scale.ordinal()
  .rangeRoundBands([0, width], .1);

由于D3版本4.0 d3.scale.ordinal()是现在d3.scaleOrdinal和rangeRoundBands似乎消失了.

> d3.scaleOrdinal()

{ 
  [Function: scale]
  domain: [Function],
  range: [Function],
  unknown: [Function],
  copy: [Function] 
}

这个代码的D3 v4相当于什么(来自Mike Bostock的条形图示例)？

var x = d3.scale.ordinal()
  .rangeRoundBands([0, width], .1);

Answer 1

在D3 4.x rangeRoundBands被转移到新的Band规模:

d3.scaleBand()
    .range([range])
    .round([round]);

这相当于:

d3.scaleBand()
    .rangeRound([range]);

这是API:https://github.com/d3/d3-scale#band-scales

Answer 2

var x = d3.scale.ordinal()
    .rangeRoundBands([0, width], .1);

以上计算波段并设置波段之间的填充.在第4节中,等价物是

var x = d3.scaleBand()
    .rangeRound([0, width])
    .padding(0.1);