D3js v4：scaleOrdinal没有rangePoints（）

在D3 v4中，创建了两个新的比例尺：scaleBand和和scalePoint，它们现在具有scale.ordinal第3版中的某些功能（包括rangePoints）。

它记录在changelog中：

同样，ordinal.rangePoints和ordinal.rangeRoundPoints方法已替换为新的ordinal scale子类：点标度。3.x中的以下代码：

var x = d3.scale.ordinal()
.domain(["a", "b", "c"])
.rangePoints([0, width]);

在4.0中与此等效：

var x = d3.scalePoint()
.domain(["a", "b", "c"])
.range([0, width]);

因此，这里需要的比例尺是scalePoint：

点标度是带宽固定为零的频带标度的变体。点刻度通常用于按序或分类维的散点图。

因此，将比例尺更改为：

var x = scalePoint()
    .range([0, width])
    .padding(.1);

注意padding：在点刻度中，range仅接受范围数组，不再接受填充。