2016-09-03 3 views
1

반응 형 Google 차트를 사용하여 Google 년식 차트의 가로 축에 표시 할 연도를 지정하고 싶습니다. 스크린 샷은 지정된 시간 범위의 행을 기반으로 자동 생성 된 값을 사용하는 예를 보여줍니다.Google 타임 라인 차트에 특정 연도를 표시하려면 어떻게해야합니까?

[ 
    [ 'Washington', new Date(1789, 3, 30), new Date(1797, 2, 4) ], 
    [ 'Adams',  new Date(1797, 2, 4), new Date(1801, 2, 4) ], 
    [ 'Jefferson', new Date(1801, 2, 4), new Date(1809, 2, 4) ] 
] 

Timeline Chart Example with automatically generated years on horizontal axis

가 이미없는 기쁨으로 다음과 같은 옵션을 시도 :

의 예는 다음과 같은 데이터를 사용

hAxis: { 
    title: 'Year', 
    minValue: new Date(1785, 3, 15), 
    maxValue: new Date(1825, 3, 15), 
    ticks: [ 
     { v: new Date(1792, 3, 15), f: '1792' }, 
     { v: new Date(1818, 3, 15), f: '1818' }, 
     { v: new Date(1824, 3, 15), f: '1824' } 
    ] 
} 
내가 X 축이 라벨이 기대

"Years"와 1790, 1800 대신 1792, 1818 및 1824를 보여줍니다. minValue 및 maxValue 옵션도 무시됩니다.

readme에 따르면 작동해야합니다.

정수 대신 날짜 - 개체가되는 값과 관련된 문제입니까?

편집 : 추가 된 jsfiddle : 그것은 반응 - 구글 - 차트를 사용하지 않는,하지만 문제는 동일하게 유지 http://jsfiddle.net/s4zg7mxt/ : 틱 (제목) 옵션은 여전히 ​​효과가 없습니다합니다. 흥미롭게도 minValue 및 maxValue 옵션이 고려되었습니다. 가로 축에 지정된 연도를 표시하려면 jsfiddle를 적용 할 수 있습니까?

+0

옵션은 단순히 타임 라인 차트에서 사용할 수 없습니다. – WhiteHat

+0

정말입니까? 문서 (https://developers.google.com/chart/interactive/docs/customizing_axes)에서 명시 적으로 그렇게 말하는 것은 아닙니다. 또한 minValue 및 maxValue가 반응 형 Google 차트에서 작동하지 않지만 jsfiddle 예에서 작동하는 것은 이상한 일입니다. – pwagner

+0

상당히 명확합니다. 분명히 작동하지 않습니다. 아래 답변을 참조하십시오. – WhiteHat

답변

1

구성 옵션 또는 다른 기능이 해당 차트의 가이드에 나열되지 않은 경우
차트에서 지원하지 않습니다. 그 차트에 대한 가이드가 업데이트되지 않은
있는 최근 버전에 추가 옵션에 대한 제외

.

같은, 타임 라인 차트에서 사용할 수있는 유일한 hAxis 옵션은 October 2, 2015 release

타임 라인에 사용할 minValuemaxValue

있습니다
- 지속 시간 현지화된다.
- 이제 가로 축에 minValuemaxValue을 지원합니다.

+0

가장 실망 누락 된 기능은'setSelection'입니다 구글의 타임 라인에 틱. – WhiteHat

+0

감사를 설정해야 할 경우 나는 _hack_을 가지고 있지만, 특정 설정 불가능하기 때문에 내가 대신 승리 차트에 이동합니다 생각 - 타임 라인 차트에서 – pwagner

0

라이브러리는 시작 날짜, 종료 날짜 및 브라우저의 표시 영역을 기준으로 x 축의 크기를 자동으로 계산합니다. 전체 코드를 붙여넣고 x 축의 사용자 지정 배율을 수행 할 수 있는지 여부를 확인하고 업데이트합니다.

+0

내 질문에 jsfiddle 예를 추가했습니다. 여기서 - 반응 - 구글 차트없이 - MINVALUE 경우 MAXVALUE를 이용하여 X 축 시작 단과 끝단을 설정할 수있다. 그러나 질문은 실제로 자동 생성 된 날짜 대신 특정 연도를 표시하는 것입니다. jsfiddle에서 "ticks"옵션을 사용할 수 있습니까? 당신이 기본 선택을 – pwagner

관련 문제