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()
.
또한 참조 – tickInterval 및 pointInterval
답변
다음과 같이 작성합니다.
xAxis: {
type: 'datetime',
dateTimeLabelFormats: {
day: '%d %b %Y' //ex- 01 Jan 2016
}
}
다른 datetime 형식도 확인하십시오.
http://api.highcharts.com/highcharts#xAxis.dateTimeLabelFormats