TitleOptions extends ChartItemOptions

subinterfaces SubtitleOptions

차트 제목(title) 설정 옵션.
기본적으로 차트 중앙 상단에 표시되지만 align, verticalAlign 등으로 위치를 변경할 수 있다.
별도 설정이 없으면 'Title' 문자열이 표시된다. 또, 부제목을 별도로 표시할 수 있다.

const config = {
     title: {
         text: '2024 년간 자료 현황',
         align: 'left',
         ...
     },
};

타이틀 개요 페이지를 참조한다.

Properties

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 (opens in a new tab)

배경 스타일셋 또는 css selector (opens in a new tab).

default :undefined

gap: number (opens in a new tab)

주 제목과 부 제목이 표시되는 영역과 차트 본체 등 과의 간격.
주 제목이 표시되면 (부 제목의 값은 무시되고)주 제목의 값을 사용하고, 부 제목만 표시될 때는 부 제목의 값을 사용한다.

default :10

style: SVGStyles | string (opens in a new tab)

스타일셋 또는 css selector (opens in a new tab).

default :undefined

text: string (opens in a new tab)

제목 텍스트.

default :'Title'

verticalAlign: 'bottom' | 'middle' | 'top'

수직 정렬.

• 'bottom'
• 'middle'
• 'top'

default :'middle'

visible: boolean (opens in a new tab)

true로 설정되고 text가 설정된 경우에만 표시된다.

default :true