javascript - 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] 
}

此代码(来自 Mike Bostock 的 bar chart example)的 D3 v4 等价物是什么？

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