🎉 RealChart v1.3.5 is released. Read more →
Config
config
subtitle

subtitle

차트 제목 주위에 표시되는 부제목 옵션.
기본적으로 주제목(title)의 설정을 따르고, 몇가지 속성들이 추가된다.
별도 설정이 없으면 표시되지 않는다.

 const config = {
     title: {},
     subtitle: {
         visible: true,
         text: '출처: UN Data, 2020',
     },
 };

제목 개요 페이지를 참조한다.

Class selectors

  • 'rct-subtitle' 

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

gap: number

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

default :10

position: 'bottom'|'left'|'right'|'top'

표시 위치.

  • 'bottom' 주제목 아래쪽에 표시.
  • 'left' 주제목 왼쪽에 표시.
  • 'right' 주제목 오른쪽에 표시.
  • 'top' 주제목 위쪽에 표시.

default :'bottom'

style: SVGStyles|string

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

text: string

default :''

titleGap: number

주 제목과 사이의 간격.

default :2

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

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

default :'bottom'

visible: boolean

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

default :true

titlebody