API
CreditsOptions

CreditsOptions extends ChartItemOptions

차트 개발 제작자 등을 표시하는 크레딧 영역 설정 옵션.
기본적으로 오른쪽 아래 모서리에 RealChart 버전을 작게 표시한다.

 const config = {
     options: {
         credits: {
             text: 'UN Data',
             url: 'https://data.un.org'
         },
     },
 };

className  'rct-credits'

Options

align: 'center' | 'left' | 'right'

차트 영역 내에서 credits의 수평 정렬.

  • 'center' 영역 가운데로 정렬한다.
  • 'left' 왼쪽으로 정렬한다.
  • 'right' 오른쪽으로 정렬한다.

default :'right'

floating: boolean (opens in a new tab)

true로 지정하면 별도의 영역을 차지하지 않고 차트 본체 내부에 위치한다.
align'center'이고 verticalAlign'middle'일 때도 본체 내부에 표시된다.

default :false

gap: number (opens in a new tab)

floatingtrue가 아니고, 오른쪽 아래 또는 오른쪽 가운데에 표시될 때, 차튼 나머지 영역과의 간격.

default :4

offsetX: number (opens in a new tab)

설정에 따라 정해진 표시 위치에서 떨어진 수평 간격.
floatingtrue가 아니고, 오른쪽 중앙에 표시되는 경우에는 credits 표시 영역 계산 시 너비에 포함된다.

default :2

offsetY: number (opens in a new tab)

설정에 따라 정해진 표시 위치에서 떨어진 수직 간격.
floatingtrue가 아니고, 중앙에 표시되는 경우가 아니면 credits 표시 영역 계산 시 높이에 포함된다.

default :1

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

스타일셋 혹은 class selector.

default :undefined

text: string (opens in a new tab)

제작자 이름 등 표시 텍스트.

default :'RealChartv1.0'

url: string (opens in a new tab)

영역을 클릭했을 때, 이 속성에 지정한 곳으로 새 페이지를 연다.

default :'https://realchart.co.kr'

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

차트 영역 내에서 credits의 수직 정렬.

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

default :'bottom'

visible: boolean (opens in a new tab)

표시 여부.

default :true