RcChartSeries
Extends
์ฐจํธ ์๋ฆฌ์ฆ ๋ชจ๋ธ๋ค์ ๊ธฐ๋ฐ ํด๋์ค.
Properties
name: string (opens in a new tab)
config์์ ์ค์ ํด๋ name์ ๋ฆฌํดํ๋ค.
์ต์ด ์ค์ ํ ์ด๋ฆ์ ๋ณ๊ฒฝํ ์ ์๋ค.
pointCount: number (opens in a new tab)
์๋ฆฌ์ฆ์ ์ค์ ๋ ๋ฐ์ดํฐํฌ์ธํธ ๊ฐ์.
pointLabel: RcChartObject
point label ๋ชจ๋ธ.
tooltip: RcChartObject
point label ๋ชจ๋ธ.
trendLine: RcChartObject
point label ๋ชจ๋ธ.
visiblePointCount: number (opens in a new tab)
์๋ฆฌ์ฆ์ ์ค์ ๋ ๋ฐ์ดํฐํฌ์ธํธ๋ค ์ค ํ์ ์ค์ธ ๊ฒ๋ค์ ๊ฐ์.
Methods
addPoint(source): IRcDataPoint
๋ฐ์ดํฐํฌ์ธํธ๋ฅผ ์ถ๊ฐํ๋ค.
Parameter | Type | Description |
---|---|---|
source | any (opens in a new tab) | ๋ฐ์ดํฐํฌ์ธํธ ์๋ณธ ์ ๋ณด. |
addPoints(source): Array (opens in a new tab) | < | IRcDataPoint | >
ํ๋ ์ด์์ ๋ฐ์ดํฐํฌ์ธํธ๋ค์ ์ถ๊ฐํ๋ค.
Parameter | Type | Description |
---|---|---|
source | Array (opens in a new tab) | < | any (opens in a new tab) | > | ๋ฐ์ดํฐํฌ์ธํธ ์๋ณธ ๋ชฉ๋ก. |
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๋ฑ์ผ๋ก ์คํํ๋ค.
Parameter | Type | Description |
---|---|---|
prop | string (opens in a new tab) | '.'์ผ๋ก ๊ตฌ๋ถ๋๋ ์์ฑ ๊ฒฝ๋ก. |
getPointAt(xValue): IRcDataPoint
์ง์ ํ x์ถ ๊ฐ์ ์์นํ ์ฒซ๋ฒ์งธ ๋ฐ์ดํฐํฌ์ธํธ์ ์ ๋ณด๋ฅผ ๋ฆฌํดํ๋ค.
์ ๋ฌ๋๋ ๋ฐ์ดํฐํฌ์ธํธ ์ ๋ณด๋ ๋ฆฌํด ์์ ์ ๋ณต์ฌ๋ณธ์ด๋ค.
Parameter | Type | Description |
---|---|---|
xValue | string (opens in a new tab) | number (opens in a new tab) | x๊ฐ. |
getValueAt(xValue, prop): number (opens in a new tab)
xValue์ ํด๋นํ๋ ์ฒซ๋ฒ์งธ ๋ฐ์ดํฐํฌ์ธํฐ์ yValue๋ฅผ ๋ฆฌํดํ๋ค.
Parameter | Type | Description |
---|---|---|
xValue | string (opens in a new tab) | number (opens in a new tab) | IRcDataPoint | x๊ฐ ํน์ x,y๊ฐ์ด ํฌํจ๋ ๋ฐ์ดํฐํฌ์ธํธ ์ ๋ณด. x์ถ์ด category ์ถ์ด๋ฉด ์นดํ ๊ณ ๋ฆฌ ์ด๋ฆ์ ์ง์ ํ ์ ์๋ค. |
prop='yValue' | string (opens in a new tab) | ๊ฐ์ ธ์ฌ ๊ฐ. ์ง์ ํ์ง ์์ผ๋ฉด 'yValue'. |
removePoint(xValue): boolean (opens in a new tab)
๋ฐ์ดํฐํฌ์ธํธ๋ฅผ ์ ๊ฑฐํ๋ค.
Parameter | Type | Description |
---|---|---|
xValue | string (opens in a new tab) | number (opens in a new tab) | IRcDataPoint | ์ ๊ฑฐํ ๋ฐ์ดํฐํฌ์ธํธ์ x๊ฐ ํน์ ์นดํ ๊ณ ๋ฆฌ ์ด๋ฆ. ๋๋ getPointAt์ด๋ findPoint๋ก ๊ฐ์ ธ์จ ๋ฐ์ดํฐํฌ์ธํธ ์ ๋ณด ๊ฐ์ฒด. |
removePoints(xValues): number (opens in a new tab)
ํ๋ ์ด์์ ๋ฐ์ดํฐํฌ์ธํธ๋ค์ ์ ๊ฑฐํ๋ค.
Parameter | Type |
---|---|
xValues | Array (opens in a new tab) | < | string (opens in a new tab) | number (opens in a new tab) | IRcDataPoint | > |
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'));
Parameter | Type | Description |
---|---|---|
prop | string (opens in a new tab) | ์ค์ ์์ฑ ๊ฒฝ๋ก ๋ฌธ์์ด |
value | any (opens in a new tab) | ์ง์ ํ ๊ฐ(๋ค) |
redraw=true | boolean (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'
});
Parameter | Type | Description |
---|---|---|
props | object (opens in a new tab) | ์ฌ๋ฌ ์ค์ ๊ฐ๋ค์ด ์ง์ ๋ JSON ๊ฐ์ฒด |
redraw=true | boolean (opens in a new tab) | true๋ก ์ง์ ํ๋ฉด chart๋ฅผ ๋ค์ ๊ทธ๋ฆฐ๋ค. false๋ก ์ง์ ํ๊ณ ์ฌ๋ฌ ์ค์ ํ์ render๋ฅผ ํธ์ถํด์ ๋ค์ ๊ทธ๋ฆฌ๊ฒ ํ ์๋ ์๋ค. |
toggle(prop, redraw): RcChartObject
Boolean ํ์
์ ์ค์ ๊ฐ์ ๋ณ๊ฒฝํ๋ค.
์ง์ ๊ฐ๋ฅํ ์ค์ ๊ฐ ๋ชฉ๋ก์ Configuration API ํ์ด์ง์์ ํ์ธํ ์ ์๋ค.
chart.getSeries('ser02').toggle('visible');
Parameter | Type | Description |
---|---|---|
prop | string (opens in a new tab) | ์ค์ ์์ฑ ์ด๋ฆ |
redraw=true | boolean (opens in a new tab) | true๋ก ์ง์ ํ๋ฉด chart๋ฅผ ๋ค์ ๊ทธ๋ฆฐ๋ค. false๋ก ์ง์ ํ๊ณ ์ฌ๋ฌ ์ค์ ํ์ render๋ฅผ ํธ์ถํด์ ๋ค์ ๊ทธ๋ฆฌ๊ฒ ํ ์๋ ์๋ค. |
updateData(data): void (opens in a new tab)
์๋ฆฌ์ฆ data ์๋ณธ์ ๋ณ๊ฒฝํ๋ค.
[์ฃผ์] x์ถ์ด ์นดํ
๊ณ ๋ฆฌ ์ถ์ด๊ณ , x์ถ์ categories ์์ฑ์ด ๋ช
์์ ์ผ๋ก ์ค์ ๋์ง ์์๋ค๋ฉด,
์ด ํจ์ ํธ์ถ ํ ์นดํ
๊ณ ๋ฆฌ๊ฐ ๋ณ๊ฒฝ๋ ์ ์๋ค.
Parameter | Type | Description |
---|---|---|
data | any (opens in a new tab) | ์๋ณธ ๋ฐ์ดํฐํฌ์ธํธ ๊ฐ ๋ฐฐ์ด. |
updatePoint(xValue, values): boolean (opens in a new tab)
xValue์ ํด๋นํ๋ ์ฒซ๋ฒ์งธ ๋ฐ์ดํฐํฌ์ธํฐ์ ๊ฐ๋ค์ ๋ณ๊ฒฝํ๋ค.
์๋ฆฌ์ฆ์ data๋ฅผ ์ง์ ํ๋ ๊ฒ๊ณผ ๋์ผํ ๋ฐฉ์์ผ๋ก ๋ฐ์ดํฐํฌ์ธํธ์ ๊ฐ(๋ค)์ ๋ณ๊ฒฝํ ์ ์๋ค.
[์ฃผ์] json์ผ๋ก ํ๋๊ฐ(๋ค)์ ์ง์ ํ ๋๋ ์๋ฆฌ์ฆ์ ์ง์ ๋ field ์ด๋ฆ ์์ฑ๋ค๊ณผ ๊ฐ์ ์ด๋ฆ์ผ๋ก ๊ฐ๋ค์ ์ง์ ํด์ผ ํ๋ค.
const x = '์นดํ
๊ณ ๋ฆฌ';
const v = chart.series.getValueAt(x);
chart.series.updatePoint(x, v + 10);
Parameter | Type | Description |
---|---|---|
xValue | string (opens in a new tab) | number (opens in a new tab) | IRcDataPoint | x๊ฐ. x์ถ์ด category ์ถ์ด๋ฉด ์นดํ ๊ณ ๋ฆฌ ์ด๋ฆ์ ์ง์ ํ ์ ์๋ค. |
values | any (opens in a new tab) | ๋ณ๊ฒฝํ ๋จ์ผ ๊ฐ, ๋ฐฐ์ด, ๋๋ json. |