D3.js scaleOrdinal unterstützt keine rangeRoundBands-Methode

Question

Fehler bei der rangeRoundBands-Methode, wenn D3.js Version 4 für die Ordinalskala verwendet wird. Unten ist das Beispiel in D3.js Version 3.

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

jedoch mit Version 4 unten Code einen Fehler wirft.

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

Answer 1

Statt dessen:

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

In d3 v4

Es hätte sein sollen:

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

Arbeits Code here