Config
label

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 ์ด ์ ์šฉ๋œ๋‹ค. brightStyle์ด ์ง€์ •๋˜์ง€ ์•Š์œผ๋ฉด 'rct-text-light'์ด, darkStyle์ด ์ง€์ •๋˜์ง€ ์•Š์œผ๋ฉด 'rct-text-dark'๊ฐ€ ๊ธฐ๋ณธ ์ ์šฉ๋œ๋‹ค.

defaultย undefinedย 

backgroundStyle: SVGStyles|string

defaultย undefinedย 

beginningFormat: string

์Šค์ผ€์ผ ์‹œ์ž‘์ผ์‹œ์— ํ‘œ์‹œ์— ์‚ฌ์šฉ๋˜๋Š” ํ˜•์‹.

defaultย undefinedย 

darkStyle: SVGStyles|string

defaultย undefinedย 

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

  • 'background' ํ…์ŠคํŠธ ๋ฐฐ๊ฒฝ ์ƒ์ž๋ฅผ ํ‘œ์‹œํ•œ๋‹ค.
    ๋ฐฐ๊ฒฝ ์ƒ์ž์— backgroundStyle ์ด ์ ์šฉ๋œ๋‹ค. ์Šคํƒ€์ผ์ด ์ ์šฉ๋˜์ง€ ์•Š์œผ๋ฉด ๊ธฐ๋ณธ 'rct-text-background'์ด ์ ์šฉ๋œ๋‹ค.
  • 'none' ํšจ๊ณผ ์—†์Œ.
  • 'outline' ํ…์ŠคํŠธ ์ƒ‰์ƒ๊ณผ ๋Œ€์กฐ๋˜๋Š” ์ƒ‰์ƒ์œผ๋กœ ํ…์ŠคํŠธ ์™ธ๊ณฝ์„ ๊ตฌ๋ถ„ ํ‘œ์‹œํ•œ๋‹ค.

defaultย undefinedย 

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

์ฒซ๋ฒˆ์งธ tick ๋ผ๋ฒจ์ด ์ฐจํŠธ๋‚˜ ๋ถ„ํ•  ๊ฒฝ๊ณ„๋ฅผ ๋„˜์–ด๊ฐˆ ๋•Œ ํ‘œ์‹œ ๋ฐฉ์‹.

  • 'fit' ์ถ• ๊ฒฝ๊ณ„๋ฅผ ๋„˜์–ด์„  ๋งŒํผ ๋Œ์–ด๋‹น๊ฒจ์„œ ํ‘œ์‹œํ•œ๋‹ค.
    ์‹ค์ œ ํ‘œ์‹œ ์œ„์น˜์™€ ๋‹ฌ๋ผ์ง€๋ฏ€๋กœ tick์„ ๋ฐ˜๋“œ์‹œ ํ‘œ์‹œํ•ด์„œ ์‚ฌ์šฉ์ž์—๊ฒŒ ์˜ค์ฐจ๋ฅผ ๋ณด์—ฌ์ค˜์•ผ ํ•œ๋‹ค.
  • 'hidden' ๋„˜์น˜๋ฉด ํ‘œ์‹œํ•˜์ง€ ์•Š๋Š”๋‹ค.
  • 'pull' ์ฐจํŠธ๋‚˜ ๋ถ„ํ•  ๊ฒฝ๊ณ„๋ฅผ ๋„˜์–ด์„  ๋งŒํผ ๋Œ์–ด๋‹น๊ฒจ์„œ ํ‘œ์‹œํ•œ๋‹ค.
    ์‹ค์ œ ํ‘œ์‹œ ์œ„์น˜์™€ ๋‹ฌ๋ผ์ง€๋ฏ€๋กœ tick์„ ๋ฐ˜๋“œ์‹œ ํ‘œ์‹œํ•ด์„œ ์‚ฌ์šฉ์ž์—๊ฒŒ ์˜ค์ฐจ๋ฅผ ๋ณด์—ฌ์ค˜์•ผ ํ•œ๋‹ค.

defaultย 'pull'ย 

firstStyle: SVGStyles|string

์ฒซ๋ฒˆ์งธ tick ๋ผ๋ฒจ์— ์ถ”๊ฐ€๋กœ ์ ์šฉ๋˜๋Š” ์Šคํƒ€์ผ.

defaultย undefinedย 

firstText: string

์ฒซ๋ฒˆ์งธ tick ๋ผ๋ฒจ์— ํ‘œ์‹œ๋  ํ…์ŠคํŠธ.

defaultย undefinedย 

height: number

defaultย undefinedย 

iconCallback: ( args: AxisLabelArgs ) => string

์ถ• label๊ณผ ํ•จ๊ป˜ ํ‘œ์‹œ๋  icon url์„ ๋ฆฌํ„ดํ•œ๋‹ค.

defaultย undefinedย 

iconGap: number

defaultย 2ย 

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

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

defaultย 'default'ย 

iconRoot: string

defaultย undefinedย 

imageList: string

defaultย undefinedย 

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

๋งˆ์ง€๋ง‰ tick ๋ผ๋ฒจ์ด ์ฐจํŠธ๋‚˜ ๋ถ„ํ•  ๊ฒฝ๊ณ„๋ฅผ ๋„˜์–ด๊ฐˆ ๋•Œ ํ‘œ์‹œ ๋ฐฉ์‹.

  • 'fit' ์ถ• ๊ฒฝ๊ณ„๋ฅผ ๋„˜์–ด์„  ๋งŒํผ ๋Œ์–ด๋‹น๊ฒจ์„œ ํ‘œ์‹œํ•œ๋‹ค.
    ์‹ค์ œ ํ‘œ์‹œ ์œ„์น˜์™€ ๋‹ฌ๋ผ์ง€๋ฏ€๋กœ tick์„ ๋ฐ˜๋“œ์‹œ ํ‘œ์‹œํ•ด์„œ ์‚ฌ์šฉ์ž์—๊ฒŒ ์˜ค์ฐจ๋ฅผ ๋ณด์—ฌ์ค˜์•ผ ํ•œ๋‹ค.
  • 'hidden' ๋„˜์น˜๋ฉด ํ‘œ์‹œํ•˜์ง€ ์•Š๋Š”๋‹ค.
  • 'pull' ์ฐจํŠธ๋‚˜ ๋ถ„ํ•  ๊ฒฝ๊ณ„๋ฅผ ๋„˜์–ด์„  ๋งŒํผ ๋Œ์–ด๋‹น๊ฒจ์„œ ํ‘œ์‹œํ•œ๋‹ค.
    ์‹ค์ œ ํ‘œ์‹œ ์œ„์น˜์™€ ๋‹ฌ๋ผ์ง€๋ฏ€๋กœ tick์„ ๋ฐ˜๋“œ์‹œ ํ‘œ์‹œํ•ด์„œ ์‚ฌ์šฉ์ž์—๊ฒŒ ์˜ค์ฐจ๋ฅผ ๋ณด์—ฌ์ค˜์•ผ ํ•œ๋‹ค.

defaultย 'pull'ย 

lastStyle: SVGStyles|string

๋งˆ์ง€๋ง‰ tick ๋ผ๋ฒจ์— ์ถ”๊ฐ€๋กœ ์ ์šฉ๋˜๋Š” ์Šคํƒ€์ผ.

defaultย undefinedย 

lastText: string

๋งˆ์ง€๋ง‰ tick ๋ผ๋ฒจ์— ํ‘œ์‹œ๋  ํ…์ŠคํŠธ.

defaultย undefinedย 

lightStyle: SVGStyles|string

defaultย undefinedย 

lineHeight: number

defaultย undefinedย 

maxRows: number

autoArrange ROWS ๋กœ ์ž๋™ ์ •๋ ฌ๋˜๋Š” ๊ฒฝ์šฐ ์ตœ๋Œ€ ํ–‰ ์ˆ˜.
์ด ํ–‰ ์ˆ˜ ์ด์ƒ์ด ํ•„์š”ํ•œ ๊ฒฝ์šฐ label ๊ฐ„๊ฒฉ์„ ๋‘์–ด ํ‘œ์‹œํ•œ๋‹ค.

defaultย 3ย 

numberFormat: string

defaultย undefinedย 

numberSymbols: string

์ถ•์˜ tick ๊ฐ„๊ฒฉ์ด 1000 ์ด์ƒ์ธ ํฐ ์ˆ˜๋ฅผ ํ‘œ์‹œํ•  ๋•Œ ์ด ์†์„ฑ์— ์ง€์ •ํ•œ symbol์„ ์ด์šฉํ•ด์„œ ์ถ•์•ฝํ˜•์œผ๋กœ ํ‘œ์‹œํ•œ๋‹ค.

defaultย undefinedย 

outlineThickness: number

defaultย undefinedย 

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

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

defaultย clipย 

overflowGap: number

์ฐจํŠธ๋‚˜ ๋ถ„ํ•  ๊ฒฝ๊ณ„๋ฅผ ๋„˜์–ด๊ฐ€๋Š” ์ฒซ๋ฒˆ์งธ๋‚˜ ๋งˆ์ง€๋ง‰ tick ๋ผ๋ฒจ์„ ๋Œ์–ด ๋‹น๊ฒจ์„œ ํ‘œ์‹œํ•  ๋•Œ ์ด์ „ ๋ผ๋ฒจ๊ณผ์˜ ์ตœ์†Œ ๊ฐ„๊ฒฉ.
์ด ๊ฐ„๊ฒฉ๋ณด๋‹ค ์ž‘๊ฒŒ ๋˜๋ฉด ํ‘œ์‹œํ•˜์ง€ ์•Š๋Š”๋‹ค.

defaultย 12ย 

prefix: string

label ๋ฌธ์ž์—ด ์•ž์— ์ถ”๊ฐ€๋˜๋Š” ๋ฌธ์ž์—ด.

defaultย undefinedย 

rotation: number

์ˆ˜ํ‰ ์ถ•์ผ ๋•Œ, tick label ํ‘œ์‹œ ํšŒ์ „ ๊ฐ๋„.
-90 ~ 90 ์‚ฌ์ด์˜ ๊ฐ๋„๋กœ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.

defaultย undefinedย 

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.

defaultย undefinedย 

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

๋ผ๋ฒจ ๋ณ„๋กœ ์ถ”๊ฐ€ ์ ์šฉ๋˜๋Š” ์Šคํƒ€์ผ์„ ๋ฆฌํ„ดํ•œ๋‹ค.
๊ธฐ๋ณธ ์„ค์ •์„ ๋”ฐ๋ฅด๊ฒŒ ํ•˜๊ณ  ์‹ถ์œผ๋ฉด undefined๋‚˜ null์„ ๋ฆฌํ„ดํ•œ๋‹ค.

defaultย undefinedย 

suffix: string

label ๋ฌธ์ž์—ด ๋์— ์ถ”๊ฐ€๋˜๋Š” ๋ฌธ์ž์—ด.

defaultย undefinedย 

text: string

rich text format์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.

defaultย undefinedย 

textCallback: ( args: AxisLabelArgs ) => string

์ถ• tick ๋ผ๋ฒจ์— ํ‘œ์‹œ๋  ํ…์ŠคํŠธ๋ฅผ ๋ฆฌํ„ดํ•œ๋‹ค.
undefined๋‚˜ null์„ ๋ฆฌํ„ดํ•˜๋ฉด text ์†์„ฑ ๋“ฑ์— ์„ค์ •๋œ ๊ฐ’์œผ๋กœ ํ‘œ์‹œํ•˜๊ฑฐ๋‚˜, ๊ฐ’์— ๋”ฐ๋ผ ์ž๋™ ์ƒ์„ฑ๋˜๋Š” ํ…์ŠคํŠธ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. ๋นˆ ๋ฌธ์ž์—ด ๋“ฑ ์ •์ƒ์ ์ธ ๋ฌธ์ž์—ด์„ ๋ฆฌํ„ดํ•˜๋ฉด ๊ทธ ๋ฌธ์ž์—ด๋Œ€๋กœ ํ‘œ์‹œ๋œ๋‹ค. prefix ๋‚˜ ํฌ๋งท ์†์„ฑ ๋“ฑ์€ ์ ์šฉ๋˜์ง€ ์•Š๋Š”๋‹ค.

defaultย undefinedย 

timeFormat: string

๋‚ ์งœ/์‹œ๊ฐ„ ํ‘œ์‹œ ํ˜•์‹.

defaultย undefinedย 

timeFormats: any[]

[๋ฐ€๋ฆฌ์ดˆ, ์ดˆ, ๋ถ„, ์‹œ, ์ผ, ์ฃผ, ์›”, ๋…„] ์ˆœ์„œ๋Œ€๋กœ ๋‚ ์ฐŒ/์‹œ๊ฐ„ ํ˜•์‹์„ ์ง€์ •ํ•œ๋‹ค.
๊ฐ ํ˜•์‹์€ ๋ฌธ์ž์—ด์ด๊ฑฐ๋‚˜, { format: string, beginningFormat: string } ํ˜•ํƒœ์˜ json ๊ฐ์ฒด๋กœ ์ง€์ •ํ•œ๋‹ค. ์ง€์ •ํ•˜์ง€ ์•Š์€ ์Šค์ผ€์ผ์€ timeFormat , beginningFormat ์ด๋‚˜ ๊ธฐ๋ณธ ํ˜•์‹์— ๋”ฐ๋ผ ํ‘œ์‹œ๋œ๋‹ค.

defaultย undefinedย 

useBeginningFormat: boolean

ํ˜„์žฌ ์Šค์ผ€์ผ์˜ ์‹œ์ž‘์ผ์‹œ์— ์ƒ์œ„ ์Šค์ผ€์ผ์˜ ํฌ๋งท์„ ์‚ฌ์šฉํ•ด์„œ ํ‘œ์‹œํ•œ๋‹ค.

defaultย falseย 

visible: boolean

ํ‘œ์‹œ ์—ฌ๋ถ€.

defaultย trueย 

width: number

defaultย undefinedย