2013-05-22 6 views
3

시간이 00:00으로 시작하고 24 시간으로 끝나고 1 시간 간격으로 표시된 차트 (일별보기)를 실현하고 싶습니다. 그리고 14:30, 21:25 등의 특정 시간에 Y 축 값을 표시합니다. 성공적으로 도달 한 것은 Y 축 값을 표시하는 것이지만 시간은 00:00으로 시작하지 않고 24:00로 끝납니다. 그들은 일종의 이동, 나는 일일 타임 라인의 일부를 참조하십시오.Highcharts 시간별 값에 대한 24 시간 설정

X 축에 datetime 형식을 사용합니다. 내 생각 엔 몇 가지 확대/축소 문제가 있거나 여러 가지 가능성이 있습니다.

감사

+0

게시하시기 바랍니다 코드 나 지금까지 한 일의 jsFiddle. – Mark

+0

예. http://jsfiddle.net/93Xcu/6/ – subdesign

답변

8

당신은 설정할 수 있습니다

xAxis: { 
     type: 'datetime', 
     tickInterval: 3600 * 1000, 
     min: Date.UTC(2013,4,22), 
     max: Date.UTC(2013,4,23), 
    }, 

예 : http://jsfiddle.net/93Xcu/7/

+1

날짜 표시를 방지하려면 다음을 추가하십시오. dateTimeLabelFormats : { 시간 : '% H : % M', 일 : '% H : % M', } –

+1

@ Pawel Fus 안녕하세요, 하이 차트로도 시간대를 처리하고 있습니다. 문제는 UTC 오프셋을 추가하지 않으면 틱이 올바르게 전달되는 것입니다. 그러나 곧 시간대 개념을 추가 할 것이므로 틱이 올바르게 표시되지 않습니다. – Rohitesh