Config
body

body

์‹œ๋ฆฌ์ฆˆ๋‚˜ ๊ฒŒ์ด์ง€๋“ค์ด ๊ทธ๋ ค์ง€๋Š” ์˜์—ญ ์„ค์ • ์˜ต์…˜.

 const chart = {
     body: {
         radius: '40%',
         circular: false,
     },
 };

Class selectors

  • 'rct-body'ย 

Options

annotation

body ์˜์—ญ ๋‚ด์— ํ‘œ์‹œ๋˜๋Š” ์–ด๋…ธํ…Œ์ด์…˜ ์˜ต์…˜.
์˜ต์…˜ ๊ฐ์ฒด ๋˜๋Š” ์˜ต์…˜ ๊ฐ์ฒด ๋ฐฐ์—ด๋กœ ์—ฌ๋Ÿฌ ์–ด๋…ธํ…Œ์ด์…˜์„ ์„ค์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.
[์ฃผ์˜] ์ด์ „ ๋ฒ„์ „์˜ ์„ค์ •์„ ๋กœ๋“œํ•˜๊ธฐ ์œ„ํ•ด, ์ด ์†์„ฑ์ด ์ง€์ •๋˜์ง€ ์•Š๊ณ  'annotations' ์„ค์ •์ด ์กด์žฌํ•˜๋ฉด load ํ›„ ์ด ์†์„ฑ์œผ๋กœ ์„ค์ •ํ•œ๋‹ค.

centerX: string|number

์ฐจํŠธ๊ฐ€ ๊ทน์ขŒํ‘œ(polar)์ผ ๋•Œ ์ค‘์‹ฌ x ์ขŒํ‘œ.

default :'50%'

centerY: string|number

์ฐจํŠธ๊ฐ€ ๊ทน์ขŒํ‘œ(polar)์ผ ๋•Œ ์ค‘์‹ฌ y ์ขŒํ‘œ.

default :'50%'

circular: boolean

false์ด๋ฉด polar ์ฐจํŠธ์ผ ๋•Œ, x ์ถ•์„ ๊ณผ y์ถ• ๊ทธ๋ฆฌ๋“œ ์„ ๋“ค์„ ๋‹ค๊ฐํ˜•์œผ๋กœ ํ‘œ์‹œํ•œ๋‹ค.

default :true

image

๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€ ์„ค์ • ์˜ต์…˜.

radius: string|number

์ฐจํŠธ๊ฐ€ ๊ทน์ขŒํ‘œ(polar)์ผ ๋•Œ ๋ฐ˜์ง€๋ฆ„.

default :'45%'

style: SVGStyles|string

์Šคํƒ€์ผ์…‹ ํ˜น์€ class selector.

visible: boolean

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

default :true

zoomButton

Zoom ๋ฆฌ์…‹ ๋ฒ„ํŠผ ์„ค์ • ์˜ต์…˜.

zoomType: 'both'|'none'|'x'|'y'

plot ์˜์—ญ ๋งˆ์šฐ์Šค ๋“œ๋ž˜๊น…์„ ํ†ตํ•œ zooming ๋ฐฉ์‹.

default :'none'