D3.js v4 - 막 대형 차트의 패딩 설정

Question

D3.js v4의 막 대형 차트에 패딩을 추가하려고합니다. v3의

, 그것은 다음과 같은 방식으로 이루어졌다 :

var x = d3.scaleOrdinal() 
    .domain(["a", "b", "c"]) 
    .rangeRoundBands([0, width], 0.1); 

그러나, V4에, rangeRoundBands가 제거되었다.

는

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

this에 따르면, 우리는 패딩을 설정 band.padding를 사용한다 : 나는 (패딩 제외) V4에 해당하는 코드는 것을 알고있다. 그래서 이것을 시도 :

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

하지만 영향을 미치지 않는 것. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

Answer 1

D3 V4.

var x = d3.scaleBand() 
    .range([0, width]) 
    .round(true) 
    .padding(.1);//set padding like this 
//set the domain like this 
x.domain(data.map(function(d) { return d.letter; })); 

//define the X axis like this 

var xAxis = d3.axisBottom() 
    .scale(x); 

바 차트 (D3) v4의 샘플을 here