label

μΆ• label μ„€μ • λͺ¨λΈ.

Options

autoArrange: 'none'|'rotate'|'rows'|'step'

κΈ°λ³Έ μ„€μ •μ΄λ‚˜ step, rows, rotation 속성듀을 λͺ…μ‹œμ μœΌλ‘œ μ„€μ •ν•œ κ²½μš°μ—λ„ label듀이 본래 μ°¨μ§€ν•˜λŠ” 곡간을 μ΄ˆκ³Όν•  λ•Œ, label듀을 μž¬λ°°μΉ˜ν•˜λŠ” 방식을 μ§€μ •ν•œλ‹€.

  • 'none' label듀이 κ²ΉμΉ˜λ„λ‘ 놔둔닀.
  • 'rotate' -45도 νšŒμ „μ‹œν‚¨λ‹€.
  • 'rows' label듀이 κ²ΉμΉ˜μ§€ μ•Šλ„λ‘ μ—¬λŸ¬ μ€„λ‘œ λ‚˜λˆ„μ–΄ λ°°μΉ˜ν•œλ‹€.
  • 'step' label듀이 κ²ΉμΉ˜μ§€ μ•Šλ„λ‘ κ±΄λ„ˆ λ›°λ©΄μ„œ λ°°μΉ˜ν•œλ‹€. startStep으둜 μ§€μ •λœ stepλΆ€ν„° λ°°μΉ˜λœλ‹€.

default :'rotate'

autoContrast: boolean

ν…μŠ€νŠΈκ°€ data point 내뢀에 ν‘œμ‹œλ˜λŠ” 경우 포인트 색상과 λŒ€μ‘°λ˜λ„λ‘ ν‘œμ‹œν•œλ‹€.
밝게 ν‘œμ‹œν•  λ•ŒλŠ” lightStyle을 μ μš©ν•˜κ³ , μ–΄λ‘‘κ²Œ ν‘œμ‹œν•  λ•ŒλŠ” darkStyle이 μ μš©λœλ‹€. lightStyle이 μ§€μ •λ˜μ§€ μ•ŠμœΌλ©΄ 'rct-text-light'이, darkStyle이 μ§€μ •λ˜μ§€ μ•ŠμœΌλ©΄ 'rct-text-dark'κ°€ κΈ°λ³Έ μ μš©λœλ‹€.

default :true

backgroundStyle: SVGStyles|string

effectκ°€ 'background'일 λ•Œ 배경에 μ μš©λ˜λŠ” μŠ€νƒ€μΌμ…‹.

darkStyle: SVGStyles|string

autoContrastκ°€ true이고 μ–΄λ‘‘κ²Œ ν‘œμ‹œν•  λ•Œ μ μš©λ˜λŠ” μŠ€νƒ€μΌμ…‹.

effect: 'background'|'none'|'outline'

ν…μŠ€νŠΈ ν‘œμ‹œ 효과.

  • 'background' ν…μŠ€νŠΈ λ°°κ²½ μƒμžλ₯Ό ν‘œμ‹œν•œλ‹€.
    λ°°κ²½ μƒμžμ— backgroundStyle이 μ μš©λœλ‹€. μŠ€νƒ€μΌμ΄ μ μš©λ˜μ§€ μ•ŠμœΌλ©΄ κΈ°λ³Έ 'rct-text-background'κ°€ μ μš©λœλ‹€.
  • 'none' 효과 μ—†μŒ.
  • 'outline' ν…μŠ€νŠΈ 색상과 λŒ€μ‘°λ˜λŠ” μƒ‰μƒμœΌλ‘œ ν…μŠ€νŠΈ 외곽을 ꡬ뢄 ν‘œμ‹œν•œλ‹€.

default :'none'

firstOverflow: 'fit'|'hidden'|'pull'

첫번째 tick 라벨이 μ°¨νŠΈλ‚˜ λΆ„ν•  경계λ₯Ό λ„˜μ–΄κ°ˆ λ•Œ ν‘œμ‹œ 방식.

  • 'fit' μΆ• 경계λ₯Ό λ„˜μ–΄μ„  만큼 λŒμ–΄λ‹Ήκ²¨μ„œ ν‘œμ‹œν•œλ‹€.
    μ‹€μ œ ν‘œμ‹œ μœ„μΉ˜μ™€ λ‹¬λΌμ§€λ―€λ‘œ tick을 λ°˜λ“œμ‹œ ν‘œμ‹œν•΄μ„œ μ‚¬μš©μžμ—κ²Œ 였차λ₯Ό λ³΄μ—¬μ€˜μ•Ό ν•œλ‹€.
  • 'hidden' λ„˜μΉ˜λ©΄ ν‘œμ‹œν•˜μ§€ μ•ŠλŠ”λ‹€.
  • 'pull' μ°¨νŠΈλ‚˜ λΆ„ν•  경계λ₯Ό λ„˜μ–΄μ„  만큼 λŒμ–΄λ‹Ήκ²¨μ„œ ν‘œμ‹œν•œλ‹€.
    μ‹€μ œ ν‘œμ‹œ μœ„μΉ˜μ™€ λ‹¬λΌμ§€λ―€λ‘œ tick을 λ°˜λ“œμ‹œ ν‘œμ‹œν•΄μ„œ μ‚¬μš©μžμ—κ²Œ 였차λ₯Ό λ³΄μ—¬μ€˜μ•Ό ν•œλ‹€.

default :'pull'

firstStyle: SVGStyles|string

첫번째 tick 라벨에 μΆ”κ°€λ‘œ μ μš©λ˜λŠ” μŠ€νƒ€μΌ.

firstText: string

첫번째 tick 라벨에 ν‘œμ‹œλ  ν…μŠ€νŠΈ.

iconCallback: ( args: AxisLabelArgs ) => string

μΆ• labelκ³Ό ν•¨κ»˜ ν‘œμ‹œλ  icon url을 λ¦¬ν„΄ν•œλ‹€.

iconGap: number

μ•„μ΄μ½˜κ³Ό ν…μŠ€νŠΈ μ‚¬μ΄μ˜ 간격.

default :2

iconHeight: number

μ•„μ΄μ½˜ 이미지 높이
μ§€μ •ν•˜μ§€ μ•ŠμœΌλ©΄ 16 ν”½μ…€λ‘œ μ„€μ •λœλ‹€.

iconPosition: 'bottom'|'default'|'left'|'right'|'top'

이이콘 ν‘œμ‹œ μœ„μΉ˜

  • 'bottom'
  • 'default'
  • 'left'
  • 'right'
  • 'top'

default :'default'

iconRoot: string

iconWidth: number

μ•„μ΄μ½˜ 이미지 λ„ˆλΉ„.

imageList: string

lastOverflow: 'fit'|'hidden'|'pull'

λ§ˆμ§€λ§‰ tick 라벨이 μ°¨νŠΈλ‚˜ λΆ„ν•  경계λ₯Ό λ„˜μ–΄κ°ˆ λ•Œ ν‘œμ‹œ 방식.

  • 'fit' μΆ• 경계λ₯Ό λ„˜μ–΄μ„  만큼 λŒμ–΄λ‹Ήκ²¨μ„œ ν‘œμ‹œν•œλ‹€.
    μ‹€μ œ ν‘œμ‹œ μœ„μΉ˜μ™€ λ‹¬λΌμ§€λ―€λ‘œ tick을 λ°˜λ“œμ‹œ ν‘œμ‹œν•΄μ„œ μ‚¬μš©μžμ—κ²Œ 였차λ₯Ό λ³΄μ—¬μ€˜μ•Ό ν•œλ‹€.
  • 'hidden' λ„˜μΉ˜λ©΄ ν‘œμ‹œν•˜μ§€ μ•ŠλŠ”λ‹€.
  • 'pull' μ°¨νŠΈλ‚˜ λΆ„ν•  경계λ₯Ό λ„˜μ–΄μ„  만큼 λŒμ–΄λ‹Ήκ²¨μ„œ ν‘œμ‹œν•œλ‹€.
    μ‹€μ œ ν‘œμ‹œ μœ„μΉ˜μ™€ λ‹¬λΌμ§€λ―€λ‘œ tick을 λ°˜λ“œμ‹œ ν‘œμ‹œν•΄μ„œ μ‚¬μš©μžμ—κ²Œ 였차λ₯Ό λ³΄μ—¬μ€˜μ•Ό ν•œλ‹€.

default :'pull'

lastStyle: SVGStyles|string

λ§ˆμ§€λ§‰ tick 라벨에 μΆ”κ°€λ‘œ μ μš©λ˜λŠ” μŠ€νƒ€μΌ.

lastText: string

λ§ˆμ§€λ§‰ tick 라벨에 ν‘œμ‹œλ  ν…μŠ€νŠΈ.

lightStyle: SVGStyles|string

autoContrastκ°€ true이고 밝게 ν‘œμ‹œν•  λ•Œ μ μš©λ˜λŠ” μŠ€νƒ€μΌμ…‹.

lineHeight: number

ν…μŠ€νŠΈ ν–‰μ˜ 높이λ₯Ό κ³„μ‚°λ˜λŠ” 높이와 λ‹€λ₯΄κ²Œ ν‘œμ‹œλ˜λ„λ‘ μ§€μ •ν•œλ‹€.
1이면 κ³„μ‚°λœ 높이와 λ™μΌν•˜κ²Œ ν‘œμ‹œλœλ‹€. μ§€μ •ν•˜μ§€ μ•ŠμœΌλ©΄ κ³„μ‚°λœ κ°’.

maxRows: number

autoArrange ROWS둜 μžλ™ μ •λ ¬λ˜λŠ” 경우 μ΅œλŒ€ ν–‰ 수.
이 ν–‰ 수 이상이 ν•„μš”ν•œ 경우 label 간격을 두어 ν‘œμ‹œν•œλ‹€.

default :3

numberFormat: string

label이 숫자일 λ•Œ ν‘œμ‹œ ν˜•μ‹.

default :'#,##0.#'

numberSymbols: string

μΆ•μ˜ tick 간격이 1000 이상인 큰 수λ₯Ό ν‘œμ‹œν•  λ•Œ 이 속성에 μ§€μ •ν•œ symbol을 μ΄μš©ν•΄μ„œ μΆ•μ•½ν˜•μœΌλ‘œ ν‘œμ‹œν•œλ‹€.

default :'k,M,G,T,P,E'

outlineThickness: number

effectκ°€ 'outline'일 λ•Œ μ™Έκ³½ νƒμŠ€νŠΈμ˜ μ™Έκ³½μ„  λ‘κ»˜.

default :2

overflow: 'clip'|'ellipsis'|'wrap'

  • 'clip'
  • 'ellipsis'
  • 'wrap'

default :clip

overflowGap: number

μ°¨νŠΈλ‚˜ λΆ„ν•  경계λ₯Ό λ„˜μ–΄κ°€λŠ” μ²«λ²ˆμ§Έλ‚˜ λ§ˆμ§€λ§‰ tick 라벨을 λŒμ–΄ λ‹Ήκ²¨μ„œ ν‘œμ‹œν•  λ•Œ 이전 라벨과의 μ΅œμ†Œ 간격.
이 간격보닀 μž‘κ²Œ 되면 ν‘œμ‹œν•˜μ§€ μ•ŠλŠ”λ‹€.

default :12

prefix: string

label λ¬Έμžμ—΄ μ•žμ— μΆ”κ°€λ˜λŠ” λ¬Έμžμ—΄.

rotation: number

μˆ˜ν‰ 좕일 λ•Œ, tick label ν‘œμ‹œ νšŒμ „ 각도.
-90 ~ 90 μ‚¬μ΄μ˜ κ°λ„λ‘œ 지정할 수 μžˆλ‹€.

rows: number

μˆ˜ν‰ 좕일 λ•Œ tick label 배치 ν–‰ 수.
1은 ν•œ 쀄, 2λ©΄ 두 쀄 λ“±μœΌλ‘œ μ—¬λŸ¬ μ€„λ‘œ λ‚˜λˆ μ„œ ν‘œμ‹œν•œλ‹€.

default :0

startStep: number

step이 2 이상이 될 λ•Œ, ν‘œμ‹œκ°€ μ‹œμž‘λ˜λŠ” label μœ„μΉ˜.
0 ~ step - 1 μ‚¬μ΄μ˜ κ°’μœΌλ‘œ μ§€μ •ν•œλ‹€. 'category' μΆ•μ—μ„œ 의미있게 μ‚¬μš©ν•  수 μžˆλ‹€.

default :0

step: number

label ν‘œμ‹œ 간격.
1이면 λͺ¨λ“  tick ν‘œμ‹œ. 2이면 ν•˜λ‚˜μ”© κ±΄λ„ˆ λ„μ–΄μ„œ ν‘œμ‹œ. 2 이상일 λ•Œ startStep으둜 μ§€μ •λœ stepλΆ€ν„° λ°°μΉ˜λœλ‹€.

default :0

style: SVGStyles|string

μŠ€νƒ€μΌμ…‹ ν˜Ήμ€ class selector.

styleCallback: ( args: AxisLabelArgs ) => SVGStyles|string

라벨 λ³„λ‘œ μΆ”κ°€ μ μš©λ˜λŠ” μŠ€νƒ€μΌμ„ λ¦¬ν„΄ν•œλ‹€.
κΈ°λ³Έ 섀정을 λ”°λ₯΄κ²Œ ν•˜κ³  μ‹ΆμœΌλ©΄ undefinedλ‚˜ null을 λ¦¬ν„΄ν•œλ‹€.

suffix: string

label λ¬Έμžμ—΄ 끝에 μΆ”κ°€λ˜λŠ” λ¬Έμžμ—΄.

text: string

Text ν˜•μ‹.

textCallback: ( args: AxisLabelArgs ) => string

μΆ• tick 라벨에 ν‘œμ‹œλ  ν…μŠ€νŠΈλ₯Ό λ¦¬ν„΄ν•œλ‹€.
undefinedλ‚˜ null을 λ¦¬ν„΄ν•˜λ©΄ text 속성 등에 μ„€μ •λœ κ°’μœΌλ‘œ ν‘œμ‹œν•˜κ±°λ‚˜, 값에 따라 μžλ™ μƒμ„±λ˜λŠ” ν…μŠ€νŠΈλ₯Ό μ‚¬μš©ν•œλ‹€. 빈 λ¬Έμžμ—΄ λ“± 정상적인 λ¬Έμžμ—΄μ„ λ¦¬ν„΄ν•˜λ©΄ κ·Έ λ¬Έμžμ—΄λŒ€λ‘œ ν‘œμ‹œλœλ‹€. prefixλ‚˜ 포맷 속성 등은 μ μš©λ˜μ§€ μ•ŠλŠ”λ‹€.

visible: boolean

ν‘œμ‹œ μ—¬λΆ€.

default :true