🎉 RealChart v1.4.7 is released. Read more →
API
API
Options
SubtitleOptions

SubtitleOptions extends TitleOptions

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

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

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

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

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

default :undefined

gap: number (opens in a new tab)

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

default :10

offset: number (opens in a new tab)

default :0

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

표시 위치.

  • 'bottom' 주제목 아래쪽에 표시.
  • 'left' 주제목 왼쪽 공간에 표시.
  • 'leftSide' align 속성과 subtitle.offset 속성을 무시하고 주제목 왼쪽에 표시된다.
  • 'right' 주제목 오른쪽 공간에 표시.
  • 'rightSide' align 속성과 subtitle.offset 속성을 무시하고 주제목 오른쪽에 표시된다.
  • 'top' 주제목 위쪽에 표시.

default :'bottom'

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 :''

titleGap: number (opens in a new tab)

주 제목과 사이의 간격.

default :2

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

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

default :'bottom'

visible: boolean (opens in a new tab)

default :true

SplitOptionsTextAnnotationOptions