xDateFormat (tooltip properties)
시간 축(type: "datetime")에서 툴팁 머리글에 표시할 날짜 형식을 설정합니다.
형식 문자는 dateFormat 메서드와 같습니다. 지정하지 않으면 데이터 간격에 맞는 형식이 자동으로 선택됩니다.
7.3.1.31 이하에서는 날짜 형식에 한글을 넣으면 툴팁에 형식 문자열이 그대로 표시됩니다. 이 경우 formatter에서 dateFormat 메서드를 사용합니다. (7.3.1.32부터 한글 사용 가능)
Info
| name |
type |
required(default) |
description |
| xDateFormat |
string |
선택(undefined) |
시간 축(type: "datetime")에서 툴팁 머리글에 표시할 날짜 형식을 설정합니다. |
형식 문자
형식 문자열 안의 % 문자가 날짜 값으로 바뀌고, 나머지 글자(년, -, :, 공백 등)는 그대로 표시됩니다. 예: "%Y년 %m월 %d일 (%a)" → 2025년 01월 05일 (일)
| 형식 문자 |
의미 |
예 (2025-01-05 일요일 14:07:09.045) |
| %Y |
연도 4자리 |
2025 |
| %y |
연도 2자리 |
25 |
| %m |
월 2자리 |
01 |
| %B |
월 이름 (IBLANG의 months) |
1월 |
| %b |
월 약자 (shortMonths) |
1 |
| %d |
일 2자리 |
05 |
| %e |
일 (한 자리면 앞에 공백 한 칸) |
5 |
| %A |
요일 (weekdays) |
일요일 |
| %a |
요일 약자 (shortWeekdays) |
일 |
| %w |
요일 숫자 (일요일 0 ~ 토요일 6) |
0 |
| %H |
시 24시간 2자리 |
14 |
| %k |
시 24시간 (앞에 0 없음) |
14 |
| %I |
시 12시간 2자리 |
02 |
| %l |
시 12시간 (앞에 0 없음) |
2 |
| %p |
AM/PM 표시 (대문자) |
PM |
| %P |
am/pm 표시 (소문자) |
pm |
| %M |
분 2자리 |
07 |
| %S |
초 2자리 |
09 |
| %L |
밀리초 3자리 |
045 |
Example
myChart.setOptions({
chart: {
type: "line"
},
xAxis: {
type: "datetime"
},
tooltip: {
xDateFormat: "%Y-%m-%d"
},
series: [{
name: "방문자",
data: [
[Date.UTC(2025, 0, 1), 120],
[Date.UTC(2025, 0, 2), 150],
[Date.UTC(2025, 0, 3), 90],
[Date.UTC(2025, 0, 4), 180]
]
}]
}, {
append: true,
redraw: true
});
제공 버전