title
차트 제목(title) 설정 옵션.
기본적으로 차트 중앙 상단에 표시되지만 align
, verticalAlign
등으로 위치를 변경할 수 있다.
별도 설정이 없으면 'Title' 문자열이 표시된다. 또, 부제목
을 별도로 표시할 수 있다.
const config = {
title: {
text: '2024 년간 자료 현황',
align: 'left',
...
},
};
타이틀 개요
페이지를 참조한다.
Class selectors
- 'rct-title'
Options
align: 'center'|'left'|'right'
수평 정렬.
'center'
영역 가운데로 정렬한다.'left'
왼쪽으로 정렬한다.'right'
오른쪽으로 정렬한다.
default :'center'
alignBase: 'body'|'chart'|'parent'
정렬 기준.
시리즈들이 그려지는 plotting 영역이나,
차트 전체 영역을 기준으로 할 수 있다.
또, 부제목
인 경우 제목을 기준으로 위치를 지정할 수 있다.
'body'
'chart'
'parent'
상위 모델이 존재하는 경우 상위 모델 영역 기준. 상위가 없으면 기본값(대부분 'body')과 동일. ex) subtitle인 경우 title 기준.
default :'body'
backgroundStyle: SVGStyles
|string
배경 스타일셋 혹은 css selector.
gap: number
주 제목과 부 제목이 표시되는 영역과 차트 본체 등 과의 간격.
주 제목이 표시되면 (부 제목의 값은 무시되고)주 제목의 값을 사용하고,
부 제목만 표시될 때는 부 제목의 값을 사용한다.
default :10
style: SVGStyles
|string
스타일셋 혹은 class selector.
text: string
제목 텍스트.
default :'Title'
verticalAlign: 'bottom'|'middle'|'top'
수직 정렬.
'bottom'
'middle'
'top'
default :'middle'
visible: boolean
true로 설정되고 text
가 설정된 경우에만 표시된다.
default :true