D3 4.0 rangeRoundBands相当ですか？

Question

私はこのような何かがあるD3コードの多くを参照してください。D3バージョン4.0 d3.scale.ordinal()のよう

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

は今d3.scaleOrdinalあるとrangeRoundBandsがなくなっているようです。

> d3.scaleOrdinal() 

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

（マイク・ボストックのbar chart exampleから）このコードのD3 v4に相当とは何でしょうか？ D3 4.xのrangeRoundBandsで

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

Answer 1

新しいバンド規模に移動されました：

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); 

上記はバンドを計算し、バンド間のパディングを設定します。 V4において、当量は

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

Answer 3

var svg = d3.select("svg"), 

margin = {top: 20, right: 20, bottom: 30, left: 60}, 
width = +svg.attr("width") - margin.left - margin.right, 
height = +svg.attr("height") - margin.top - margin.bottom; 

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

var g = svg.append("g") 
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")"); 

d3.tsv("data.txt", function(d) { 
    d.y = +d.y; 
    return d; 
}, function(error, data) { 
    if (error) throw error; 

    x.domain(data.map(function(d) { return d.x; })); 
    y.domain([0, d3.max(data, function(d) { return d.y; })]); 

scaleBandとscaleLinearの両方を使用して、古典的なチャートの発射可能な構文です。