d3.js - D3.js scaleOrdinal不支持rangeRoundBands方法

Question

使用D3.js版本4进行序数缩放时，rangeRoundBands方法出现错误。
以下是D3.js版本3中的示例。

https://bl.ocks.org/mbostock/7440840

但是，对于下面的版本4，代码将引发错误。

var x = d3.scaleOrdinal()
.domain(data.map(function(d) { return d.name; }))
.rangeRoundBands([0, width], 0.1);

Answer 1

代替这个：

var x = d3.scaleOrdinal()
.domain(data.map(function(d) { return d.name; }))
.rangeRoundBands([0, width], 0.1);

在d3 v4中

应该是：

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

工作代码 here