CreditsOptions extends ChartItemOptions
차트 개발 제작자 등을 표시하는 크레딧 영역 설정 옵션.
기본적으로 오른쪽 아래 모서리에 RealChart 버전을 작게 표시한다.
const config = {
options: {
credits: {
text: 'UN Data',
url: 'https://data.un.org'
},
},
};
className 'rct-credits'
Properties
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)
floating
이 true가 아니고, 오른쪽 아래 또는 오른쪽 가운데에 표시될 때,
차튼 나머지 영역과의 간격.
default :4
offsetX: number
(opens in a new tab)
설정에 따라 정해진 표시 위치에서 떨어진 수평 간격.
floating
이 true가 아니고,
오른쪽 중앙에 표시되는 경우에는 credits 표시 영역 계산 시 너비에 포함된다.
default :2
offsetY: number
(opens in a new tab)
설정에 따라 정해진 표시 위치에서 떨어진 수직 간격.
floating
이 true가 아니고,
중앙에 표시되는 경우가 아니면 credits 표시 영역 계산 시 높이에 포함된다.
default :1
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 :'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