[javascript] x 축에서 highcharts 날짜를 얻는 방법은 무엇입니까?

Highcharts의 x 축에서 날짜를 가져 오는 표준 방법이 있습니까? 문서에서 찾을 수 없습니다 : http://www.highcharts.com/ref/#xAxis–type

내 시간 범위가 충분히 크면 날짜가 표시됩니다. 그러나 시간 범위가 충분히 크지 않으면 다음과 같이 시간 만 표시됩니다.

여기에 이미지 설명 입력

이것은 이상적이지 않습니다.이 경우에 날짜와 시간을 표시 할 수 있다면 좋을 것입니다. 누구나 어떻게 알아?



답변

Highcharts는 현재 확대 / 축소 범위에 가장 적합한 형식을 자동으로 찾으려고합니다. xAxis에 유형이있는 경우이 작업이 수행됩니다 'datetime'. 다음으로 현재 확대 / 축소 단위가 계산되며 다음 중 하나가 될 수 있습니다.

  • 둘째

이 단위는 축 레이블의 형식을 찾는 데 사용됩니다. 기본 패턴은 다음과 같습니다.

second: '%H:%M:%S',
minute: '%H:%M',
hour: '%H:%M',
day: '%e. %b',
week: '%e. %b',
month: '%b \'%y',
year: '%Y'

당신이 일이 “시간”-level 라벨의 일부가되고 싶은 경우에 당신은 변경해야 dateTimeLabelFormats그 수준에 대한 옵션이 포함 %d%e. 다음은 사용 가능한 패턴입니다.

  • % a : ‘월’처럼 짧은 평일.
  • % A : ‘월요일’처럼 긴 평일.
  • % d : 월의 두 자리 일, 01-31.
  • % e : 1 일부터 31 일까지의 날짜.
  • % b : ‘Jan’과 같은 짧은 달.
  • % B : ‘1 월’과 같은 긴 월.
  • % m : 01에서 12까지의 두 자리 월 번호.
  • % y : 연도 2 자리, 2009 년은 09입니다.
  • % Y : 2009 년과 같이 4 자리 연도입니다.
  • % H : 00에서 23까지 24 시간 형식의 두 자리 시간입니다.
  • % I : 00부터 11까지 12 시간 형식의 두 자리 시간입니다.
  • % l (소문자 L) : 12 시간 형식의 시간, 1-11.
  • % M : 두 자리 분, 00에서 59까지.
  • % p : 대문자 AM 또는 PM.
  • % P : 소문자 AM 또는 PM.
  • % S : 두 자리 초, 00-59

http://api.highcharts.com/highcharts#xAxis.dateTimeLabelFormats


답변

Highcharts API 에서이 샘플을 확인하세요 .

이것을 교체

return Highcharts.dateFormat('%a %d %b', this.value);

이것으로

return Highcharts.dateFormat('%a %d %b %H:%M:%S', this.value);

기능 에 대해 여기 를 보십시오 dateFormat().

또한 참조 – tickIntervalpointInterval


답변

다음과 같이 작성합니다.

xAxis: {
        type: 'datetime',
        dateTimeLabelFormats: {
           day: '%d %b %Y'    //ex- 01 Jan 2016
        }
}

다른 datetime 형식도 확인하십시오.

http://api.highcharts.com/highcharts#xAxis.dateTimeLabelFormats


답변