D3.js - 막 대형 차트의 xAxis 너비가 너무 짧음

Question

D3.js를 사용하여 막 대형 차트 (fiddle)를 만들었습니다.

I가 내가 어떤 지원을받을 기쁠하는 하나 (아마 매우 간단) 질문 :

이유는 x 축이 너무 짧은?

Answer 1

이전 질문 및 스택 내 첫 번째 대답 시도하지만 잘하면 여전히 유용 : 나는의 왼쪽 아래 포인트가 될 것이다, 단지 XMAX로 이동하여 X 도메인을 무엇을 말할 수에서

그래프의 마지막 막대 - "짧게"올라가지 않고, 막대가 XMax 다음에 얼마나 넓은 지 알 수 없습니다.

(그것은 당신이 20 개 픽셀의 barWidth을 추가 고려하지 않고, 텍스트 배치가 만 축으로 문제를보고하는 이유 것으로 보인다 추가 폭에 대한 계정을하지 않습니다.)

축을 끝까지 확장하려면 도메인의 추가 barWidth를 고려해야하거나 추가로 barWidth를 추가해야합니다. xMax에 추가로 반나절 정도를 추가하거나 각 막대를 + barWidth 대신 X 위치 (-barWidth)의 왼쪽으로 이동하여 가능할 수 있습니다.

Answer 2

x 축이 너무 짧지는 않지만 (정확하게는 최대 값으로는 충분히 크다), nice 일 수 있습니다.

var y = d3.scale.linear() 
    .domain([0, yMax]) 
    .range([h - margin.top - margin.bottom, 0]) 
    .nice();