D3.js 에어리어 정렬 문제

Question

약간의 도움이 필요합니다. d3.js에 x 축에 서수를 사용하여 스택 차트를 만들었습니다. (물론 y도 가능하지만 아직 구현하지 않았습니다.) 렌더링 중에는 제대로 표시되지 않습니다. 왼쪽 가장 자리가 첫 번째 눈금으로 세로로 늘어서고 오른쪽이 마지막 눈금으로 표시되도록 차트 (축이 아님)를 이동하는 방법을 알아야합니다.

여러 변형을 시도했지만 시작 x 값을 계산할 수 없습니다.

도움을 주시면 감사하겠습니다.

내 X 코드

var x = d3.scale.ordinal().rangeRoundBands([0, width]); 
x.domain(['Dec','Jan','Feb']); // Hard coded for now 

var xAxis = d3.svg.axis() 
.scale(x) 
.orient("bottom"); 

(데이터) 전체 차트의 JS 바이올린 :

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

당신이 찾고있는 무슨 수 있음 : http://jsfiddle.net/adeaver/FRNbq/6/

Answer 1

당신이 시도 되세요 에 대한.

Answer 2

이 또한 작동 : 충분히 가까이

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