D3.js scaleOrdinal不支持rangeRoundBands方法 [英] D3.js scaleOrdinal doesn't support rangeRoundBands method

问题描述

在使用D3.js版本4进行ordinal scale时，会在rangeRoundBands方法中获取错误。
下面是D3.js版本3中的示例。

Getting error on rangeRoundBands method when using D3.js version 4 for ordinal scale. Below is the example in D3.js version 3.

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

但是对于以下版本4，代码会抛出错误。

However with version 4 below code throws an error.

var x = d3.scaleOrdinal()
.domain(data.map(function(d) { return d.name; }))
.rangeRoundBands([0, width], 0.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

这篇关于D3.js scaleOrdinal不支持rangeRoundBands方法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！