API
API
Classes
RcLegend

RcLegend

Extends

์ฐจํŠธ ๋ฒ”๋ก€ ๋ชจ๋ธ.

Config Properties

NameTypeDescription
align'center'|'left'|'right'์ˆ˜ํ‰ ๋ฐฐ์น˜.
alignBase'body'|'chart'|'parent'legend ์ •๋ ฌ ๊ธฐ์ค€.
backgroundStyleSVGStyles | string๋ฐฐ๊ฒฝ ์Šคํƒ€์ผ ์…‹.
gapnumberlocation ์ด 'body'๊ฐ€ ์•„๋‹ ๋•Œ, legend view์™€ ๋‚˜๋จธ์ง€ chart ์˜์—ญ ์‚ฌ์ด์˜ gap.
itemGapnumberlegend ์•„์ดํ…œ๋“ค ์‚ฌ์ด์˜ ๊ฐ„๊ฒฉ.
itemsAlign'center'|'end'|'start'ํ•œ ๋ผ์ธ์˜ item๋“ค์ด ๋ฐฐ์น˜๋˜๋Š” ์œ„์น˜.
itemsPerLinenumberํ•œ ์ค„ ๋‹น ํ‘œ์‹œํ•  ์ตœ๋Œ€ legend ํ•ญ๋ชฉ ์ˆ˜.
layout'auto'|'horizontal'|'vertical'item ๋ฐฐ์น˜ ๋ฐฉํ–ฅ.
lineGapnumber๋ผ์ธ ์‚ฌ์ด์˜ ๊ฐ„๊ฒฉ.
location'body'|'bottom'|'left'|'right'|'top'ํ‘œ์‹œ ์œ„์น˜.
markerGapnumbermarker์™€ text์‚ฌ์ด์˜ ๊ฐ„๊ฒฉ.
markerSizenumbermarker ํฌ๊ธฐ.
markerVisiblebooleanmarker ํ‘œ์‹œ ์—ฌ๋ถ€.
maxHeightstring | number์ˆ˜์ง ๋ฐฐ์น˜ ์ผ ๋•Œ, ์ตœ๋Œ€ ๋†’์ด๋ฅผ ํ”ฝ์…€ ๋‹จ์œ„์˜ ํฌ๊ธฐ ํ˜น์€ body ๋†’์ด์— ๋Œ€ํ•œ ์ƒ๋Œ€ ๊ธธ์ด๋ฅผ '%'๋กœ ์ง€์ •ํ•œ๋‹ค.
maxWidthstring | number์ˆ˜ํ‰ ๋ฐฐ์น˜ ์ผ ๋•Œ, ์ตœ๋Œ€ ๋„ˆ๋น„๋ฅผ ํ”ฝ์…€ ๋‹จ์œ„์˜ ํฌ๊ธฐ ํ˜น์€ body ๋„ˆ๋น„์— ๋Œ€ํ•œ ์ƒ๋Œ€ ๊ธธ์ด๋ฅผ '%'๋กœ ์ง€์ •ํ•œ๋‹ค.
offsetXnumber๋ฒ”๋ก€์™€ body ํ˜น์€ ์ฐจํŠธ ๊ฒฝ๊ณ„ ์‚ฌ์ด์˜ ์ˆ˜ํ‰ ๊ฐ„๊ฒฉ.
offsetYnumber๋ฒ”๋ก€์™€ body ํ˜น์€ ์ฐจํŠธ ๊ฒฝ๊ณ„ ์‚ฌ์ด์˜ ์ˆ˜์ง ๊ฐ„๊ฒฉ.
seriesHoveringboolean์‹œ๋ฆฌ์ฆˆ๊ฐ€ ์—ฐ๊ฒฐ๋œ ๋ฒ”๋ก€ ์•„์ดํ…œ์— ๋งˆ์šฐ์Šค๊ฐ€ ์˜ฌ๋ผ๊ฐ€๋ฉด ๋‚˜๋จธ์ง€ ์‹œ๋ฆฌ์ฆˆ๋“ค์„ ๋ฐ˜ํˆฌ๋ช… ์ฒ˜๋ฆฌํ•ด์„œ ์—ฐ๊ฒฐ๋œ ์‹œ๋ฆฌ์ฆˆ๋ฅผ ๊ฐ•์กฐํ•œ๋‹ค.
styleSVGStyles | string์Šคํƒ€์ผ์…‹ ํ˜น์€ class selector.
useTextColorboolean๋ฒ”๋ก€ ํ•ญ๋ชฉ์˜ ํ…์ŠคํŠธ์—๋„ marker์™€ ๋™์ผํ•œ ์ƒ‰์ƒ์„ ์ ์šฉํ•œ๋‹ค.
verticalAlign'bottom'|'middle'|'top'์ˆ˜์ง ๋ฐฐ์น˜.
visiblebooleanํ‘œ์‹œ ์—ฌ๋ถ€.

Methods

get(prop): any (opens in a new tab)

์ง€์ •ํ•œ ์„ค์ • ๊ฐ’(๋“ค)์„ ๊ฐ€์ ธ์˜จ๋‹ค.
์ง€์ • ๊ฐ€๋Šฅํ•œ ์„ค์ • ๊ฐ’ ๋ชฉ๋ก์€ Configuration API ํŽ˜์ด์ง€์—์„œ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.

Utils.log(chart.series.get('name'))

ํ•˜์œ„ ๊ฐ์ฒด์˜ ์„ค์ • ์†์„ฑ์€ ์†์„ฑ ๊ฒฝ๋กœ๋ฅผ ์ง€์ •ํ•ด์„œ ์ง์ ‘ ๊ฐ€์ ธ์˜ฌ ์ˆ˜๋„ ์žˆ๋‹ค.

Utils.log(chart.axis.get('title.text'));

์†์„ฑ ๋ณ€๊ฒฝ์€ set, setAll, toggle๋“ฑ์œผ๋กœ ์‹คํ–‰ํ•œ๋‹ค.

ParameterTypeDescription
propstring (opens in a new tab)'.'์œผ๋กœ ๊ตฌ๋ถ„๋˜๋Š” ์†์„ฑ ๊ฒฝ๋กœ.

set(prop, value, redraw): RcChartObject

์ง€์ •ํ•œ ์†์„ฑ์˜ ๊ฐ’(๋“ค)์„ ์„ค์ •ํ•œ๋‹ค.
์ง€์ • ๊ฐ€๋Šฅํ•œ ์„ค์ • ๊ฐ’ ๋ชฉ๋ก์€ Configuration API ํŽ˜์ด์ง€์—์„œ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.
๋˜, ์ด ๊ฐ์ฒด ์ž์‹ ์„ ๋ฆฌํ„ดํ•˜๋ฏ€๋กœ javascript์—์„œ builder ํŒจํ„ด์œผ๋กœ ์„ค์ • ๊ฐ’๋“ค์„ ์—ฐ์†ํ•ด์„œ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.

 chart.series.set('xAxis', 1).set('yAxis', 1);

get์—์„œ์™€ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ํ•˜์œ„ ๊ฐ์ฒด์˜ ์„ค์ • ์†์„ฑ์„ ์†์„ฑ ๊ฒฝ๋กœ๋ฅผ ํ†ตํ•ด ์ง์ ‘ ์„ค์ •ํ•  ์ˆ˜๋„ ์žˆ๋‹ค.

chart.axis.set('title.text', 'New Title'));
ParameterTypeDescription
propstring (opens in a new tab)์„ค์ • ์†์„ฑ ๊ฒฝ๋กœ ๋ฌธ์ž์—ด
valueany (opens in a new tab)์ง€์ •ํ•  ๊ฐ’(๋“ค)
redraw=trueboolean (opens in a new tab)true๋กœ ์ง€์ •ํ•˜๋ฉด chart๋ฅผ ๋‹ค์‹œ ๊ทธ๋ฆฐ๋‹ค. false๋กœ ์ง€์ •ํ•˜๊ณ  ์—ฌ๋Ÿฌ ์„ค์ • ํ›„์— render๋ฅผ ํ˜ธ์ถœํ•ด์„œ ๋‹ค์‹œ ๊ทธ๋ฆฌ๊ฒŒ ํ•  ์ˆ˜๋„ ์žˆ๋‹ค.

setAll(props, redraw): RcChartObject

JSON ๊ฐ์ฒด๋กœ ์ง€์ •ํ•œ ์†์„ฑ๋“ค์˜ ๊ฐ’์„ ์„ค์ •ํ•œ๋‹ค.
์ง€์ • ๊ฐ€๋Šฅํ•œ ์„ค์ • ๊ฐ’ ๋ชฉ๋ก์€ Configuration API ํŽ˜์ด์ง€์—์„œ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.

 chart.series.set({
     xAxis: 1,
     yAxis: 1,
     yField: 'salary'
 });
ParameterTypeDescription
propsobject (opens in a new tab)์—ฌ๋Ÿฌ ์„ค์ • ๊ฐ’๋“ค์ด ์ง€์ •๋œ JSON ๊ฐ์ฒด
redraw=trueboolean (opens in a new tab)true๋กœ ์ง€์ •ํ•˜๋ฉด chart๋ฅผ ๋‹ค์‹œ ๊ทธ๋ฆฐ๋‹ค. false๋กœ ์ง€์ •ํ•˜๊ณ  ์—ฌ๋Ÿฌ ์„ค์ • ํ›„์— render๋ฅผ ํ˜ธ์ถœํ•ด์„œ ๋‹ค์‹œ ๊ทธ๋ฆฌ๊ฒŒ ํ•  ์ˆ˜๋„ ์žˆ๋‹ค.

toggle(prop, redraw): RcChartObject

Boolean ํƒ€์ž…์˜ ์„ค์ •๊ฐ’์„ ๋ณ€๊ฒฝํ•œ๋‹ค.
์ง€์ • ๊ฐ€๋Šฅํ•œ ์„ค์ • ๊ฐ’ ๋ชฉ๋ก์€ Configuration API ํŽ˜์ด์ง€์—์„œ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.

chart.getSeries('ser02').toggle('visible');
ParameterTypeDescription
propstring (opens in a new tab)์„ค์ • ์†์„ฑ ์ด๋ฆ„
redraw=trueboolean (opens in a new tab)true๋กœ ์ง€์ •ํ•˜๋ฉด chart๋ฅผ ๋‹ค์‹œ ๊ทธ๋ฆฐ๋‹ค. false๋กœ ์ง€์ •ํ•˜๊ณ  ์—ฌ๋Ÿฌ ์„ค์ • ํ›„์— render๋ฅผ ํ˜ธ์ถœํ•ด์„œ ๋‹ค์‹œ ๊ทธ๋ฆฌ๊ฒŒ ํ•  ์ˆ˜๋„ ์žˆ๋‹ค.