제목
차트 제목은 차트 위에 텍스트로 정의됩니다.
제목 설정
제목 설정은 options.title 네임스페이스 안에
넘깁니다. 차트 제목에 대한 전역 옵션은
Chart.defaults.global.title 안에 정의합니다.
| 이름 | 유형 | 기본 값 | 설명 |
|---|---|---|---|
display |
boolean |
false |
제목을 보여줄까요? |
position |
string |
'top' |
제목의 위치. 더보기... |
fontSize |
number |
12 |
폰트 크기. |
fontFamily |
string |
"'Helvetica Neue',
'Helvetica', 'Arial',
sans-serif"
|
제목 텍스트에 대한 폰트 글꼴. |
fontColor |
Color |
'#666' |
폰트 색상. |
fontStyle |
string |
'bold' |
폰트 스타일. |
padding |
number |
10 |
제목 텍스트 위와 아래에 추가할 픽셀. |
lineHeight |
number|string |
1.2 |
텍스트 각 라인의 높이. MDN 보기. |
text |
string|string[] |
'' |
보여줄 제목 텍스트. 만약 배열로서 특수하다면, 텍스트는 여러 줄로 렌더링됩니다. |
위치
제목 위치로 가능한 값은:
'top''left''bottom''right'
사용법 예시
아래의 예시는 '사용자 정의 제목' 이라는 제목으로 차트에 생성됩니다.
var chart = new Chart(ctx, {
type: 'line',
data: data,
options: {
title: {
display: true,
text: 'Custom Chart Title'
}
}
});