d3 하나의 잘못된 값이있는 x 축

Question

d3을 사용하여 다중 시리즈 꺾은 선형 차트를 만듭니다. 이것은 x 축의 레이블 중 하나가 완전히 틀린 것을 제외하고는 오류없이 훌륭하게 작동합니다.

날짜를 구문 분석하는 방법과 관련이 있다고 생각합니다. 예 : "12:00"=> 12PM

var parseTime = d3.time.format("%H:00").parse; 

"00:00"은 "1900"으로 바뀝니다.

http://jsfiddle.net/cjNZ6/의 jsfiddle을 참조하십시오.

Answer 1

이것은 D3가 기본적으로 사용하는 multi-scale time format이기 때문입니다. 그것을 해결하려면

1900 가정, 그래서 당신은 날짜에서 연도를 지정하지 않는, 단순히 명시 적으로 틱 형식을 지정 :

var xAxis = d3.svg.axis() 
    .scale(x) 
    .tickFormat(d3.time.format("%I %p")) 
    .orient("bottom"); 

전체 데모 here합니다.