2013-08-30 5 views
1

d3 선 그래프에 대해 두 가지 질문이 있습니다. 다음과 같이 날짜가 변환d3 선 그래프에서 달을 축약하는 방법

var sampleData = [ 
         ["2012-01", 2+Math.random()], 
         ["2012-02", 2+Math.random()], 
         ["2012-03", 2+Math.random()], 
         ["2012-04", 2+Math.random()], 
         ["2012-05", 2+Math.random()], 
         ["2012-06", 2+Math.random()], 
         ["2012-07", 2+Math.random()], 
         ["2012-08", 2+Math.random()]]; 

하고 코드를 : http://jsfiddle.net/TKHYp/8/

데이터는 다음과 같습니다 : 여기 d3 line graph

가 jsfiddle입니다 :

나는 다음과 같은 선 그래프가 :

var parseDate = d3.time.format("%Y-%m").parse; 

나는 두 가지 질문이 : 달을 생략 할 수

  1. 가 어떻게 D3를 말할까요을 및
  2. 은 왜 "2012"가 아니라 "월"에 01-2012 변경 않는다 (2 월 2 월이됩니다)?

개월을 축약 할 수있는 방법이 없으면 누군가가 d3 코드를 변경하여 단순히 데이터 날짜를 문자열로 출력하도록 도와 줄 수 있습니까? 이 방법은 데이터를 수동으로 구문 분석하고 날짜를 줄여서 자바 스크립트 코드를 작성할 수 있습니다.

감사합니다.

답변

3

tickformat() 기능을 사용해야합니다. 여기에 귀하의 형식 지정자에 fiddle

tickFormat (d3.time.format ("% Y- %의 B"))

더 많은 정보를 업데이트됩니다 : https://github.com/mbostock/d3/wiki/Time-Formatting

tickformat : https://github.com/mbostock/d3/wiki/SVG-Axes#wiki-tickFormat

+0

당신이 잊지나요 jsfiddle 링크? –

+1

사실 나는 잊어 버렸다. 지금 내 대답을 업데이트했습니다. – Yogesh

+0

굉장! 감사! –

관련 문제