์ฐจํธ ์ขํ๊ณ์ ๊ทธ ๋ฐฉํฅ ๋ฐ ์๋ฆฌ์ฆ์ ๊ฒ์ด์ง์ ๊ธฐ๋ณธ ํ์
์ ๊ฒฐ์ ํ๋ ์ค์ํ ๋ช๊ฐ์ง ์์ฑ๋ค๊ณผ
ํ์ ๊ตฌ์ฑ ์์๋ค์ ๋ํ ์ต์
๋ค์ ์ค์ ํ๋ค.
์ฐจํธ ์์ฑ ์ ์ด ์ต์
๊ฐ์ฒด๋ฅผ ๊ตฌ์ฑํด์ ์ ๋ฌํด์ผ ํ๋ค.
const chart = RealChart.createChart(doc, 'div', {
.... // ์ฌ๊ธฐ์ ์ค์ ํ๋ค.
});
typescript
(opens in a new tab) ํ๊ฒฝ์์๋ ํ์
์ ๋ช
์์ ์ผ๋ก ์ง์ ํ์ฌ
๊ฐ๋ฐ ํธ์ง๊ธฐ์ typescript ์ง์์ ๋ฐ์ ์ ์์ผ๋ฏ๋ก
์ค์ ๊ฐ์ฒด๋ฅผ ๋ณ๋๋ก ์ ์ํ ์ ์๋ค.
const config: ChartConfiguration = {
...
};
const chart = RealChart.createChart(doc, 'div', config);
Options
annotation
์ด๋
ธํ
์ด์
๋๋ ์ด๋
ธํ
์ด์
๋ชฉ๋ก.
[์ฃผ์] ์ด์ ๋ฒ์ ์ ์ค์ ์ ๋ก๋ํ๊ธฐ ์ํด, ์ด ์์ฑ์ด ์ง์ ๋์ง ์๊ณ 'annotations' ํญ๋ชฉ์ด ์กด์ฌํ๋ฉด
๊ทธ ํญ๋ชฉ์ ์ด ์์ฑ์ผ๋ก ์ค์ ํ๋ค.
asset
Asset ๋ชฉ๋ก.
[์ฃผ์] ์ด์ ๋ฒ์ ์ ์ค์ ์ ๋ก๋ํ๊ธฐ ์ํด, ์ด ์์ฑ์ด ์ง์ ๋์ง ์๊ณ 'assets' ์ค์ ์ด ์กด์ฌํ๋ฉด load ํ ์ด ์์ฑ์ผ๋ก ์ค์ ํ๋ค.
body
์๋ฆฌ์ฆ
๋ ๊ฒ์ด์ง
๋ค์ด ๊ทธ๋ ค์ง๋ ์์ญ.
exporting
๋ด๋ณด๋ด๊ธฐ ์ค์ .
gauge
๊ฒ์ด์ง ๋๋ ๊ฒ์ด์ง ๋ชฉ๋ก.
[์ฃผ์] ์ด์ ๋ฒ์ ์ ์ค์ ์ ๋ก๋ํ๊ธฐ ์ํด, ์ด ์์ฑ์ด ์ง์ ๋์ง ์๊ณ 'gauges' ํญ๋ชฉ์ด ์กด์ฌํ๋ฉด
๊ทธ ํญ๋ชฉ์ ์ด ์์ฑ์ผ๋ก ์ค์ ํ๋ค.
gaugeType: 'linear'|'circle'|'bullet'|'clock'
๊ธฐ๋ณธ ๊ฒ์ด์ง
type.
๊ฒ์ด์ง์ type์ ์ง์ ํ์ง ์์ผ๋ฉด ์ด ์์ฑ type์ ์๋ฆฌ์ฆ๋ก ์์ฑ๋๋ค.
[์ฃผ์] ์ฐจํธ ๋ก๋ฉ ํ ๋ณ๊ฒฝํ ์ ์๋ค.
default :'circle'
inverted: boolean
polar
๊ฐ ์๋ ๊ธฐ๋ณธ ์ง๊ต ์ขํ๊ณ์ผ ๋ true๋ก ์ง์ ํ๋ฉด x์ถ์ด ์์ง, y์ถ์ด ์ํ์ผ๋ก ๋ฐฐ์น๋๋ค.
[์ฃผ์] ์ฐจํธ ๋ก๋ฉ ํ ๋ณ๊ฒฝํ ์ ์๋ค.
default :false
legend
์ฐจํธ ์๋ฆฌ์ฆ ๊ตฌ์ฑ ๋ฑ์ ์ง๊ด์ ์ผ๋ก ์ดํดํ ์ ์๋๋ก ๋์์ฃผ๋ ๋ฒ๋ก.
์๋ฆฌ์ฆ๋ ๋ฐ์ดํฐํฌ์ธํธ ๋ฑ์ ์ด๋ฆ๊ณผ ์ฌ๋ณผ์ ๊ฐ์ด ํ์ํ ์ ์๋ค.
options
์ฐจํธ ์ ์ฒด์ ์ํฅ์ ๋ฏธ์น๋ ์ต์
๋ค.
polar: boolean
true๋ฉด ์ฐจํธ๊ฐ ๊ทน์ขํ๊ณ
(opens in a new tab)๋ก ํ์๋๋ค.
๊ธฐ๋ณธ์ ์ง๊ต์ขํ๊ณ
(opens in a new tab)์ด๋ค.
๊ทน์ขํ๊ณ์ผ ๋,
x์ถ์ด ์ํธ์, y์ถ์ ๋ฐฉ์ฌ์ ์ ์์นํ๊ณ , ์๋์ ์ ํ ์ฌํญ์ด ์๋ค.
- x์ถ์ ์ฒซ๋ฒ์งธ ์ถ ํ๋๋ง ์ฌ์ฉ๋๋ค.
- axis.position ์์ฑ์ ๋ฌด์๋๋ค.
- chart, series์ inverted ์์ฑ์ด ๋ฌด์๋๋ค.
- ๊ทน์ขํ๊ณ์ ํ์ํ ์ ์๋ series๋ค์ ํ์๋์ง ์๋๋ค.
[์ฃผ์] ์ฐจํธ ๋ก๋ฉ ํ ๋ณ๊ฒฝํ ์ ์๋ค.
default :false
series
์๋ฆฌ์ฆ ๋๋ ์๋ฆฌ์ฆ ๋ชฉ๋ก.
seriesNavigator
์๋ฆฌ์ฆ ๋ด๋น๊ฒ์ดํฐ.
split
๋ถํ ๋ชจ๋ ์ค์ .
subtitle
์ฐจํธ ์ ๋ชฉ ์ฃผ์์ ํ์๋๋ ๋ถ์ ๋ชฉ.
templates: [key: string]: any
์ด ์ฐจํธ ๊ตฌ์ฑ ์ค์ ์์ ๋ฐ๋ณต ์ฌ์ฉํ ์ ์๋ ์ค์ ๋ชจ์.
title
์ฐจํธ ํ์ดํ.
tooltip
๋ฐ์ดํฐํฌ์ธํธ ๋ทฐ์ ๋ง์ฐ์ค๊ฐ ์ฌ๋ผ๊ฐ๋ฉด ํ์๋๋ ํดํ ์์.
ํดํ ๊ฐ์
ํ์ด์ง๋ฅผ ์ฐธ์กฐํ๋ค.
type: 'area'|'line'|'linegroup'|'spline'|'bellcurve'|'areagroup'|'barrange'|'bar'|'bargroup'|'piegroup'|'pie'|'boxplot'|'bubble'|'bump'|'candlestick'|'ohlc'|'circlebar'|'circlebargroup'|'dumbbell'|'equalizer'|'errorbar'|'funnel'|'heatmap'|'histogram'|'arearange'|'lollipop'|'pareto'|'scatter'|'treemap'|'vector'|'waterfall'
๊ธฐ๋ณธ ์๋ฆฌ์ฆ
type.
์๋ฆฌ์ฆ์ type
์ ์ง์ ํ์ง ์์ผ๋ฉด ์ด ์์ฑ๊ฐ์ ์๋ฆฌ์ฆ๋ก ์์ฑ๋๋ค.
[์ฃผ์] ์ฐจํธ ๋ก๋ฉ ํ ๋ณ๊ฒฝํ ์ ์๋ค.
default :'bar'
xAxis
x์ถ ๋๋ x์ถ ๋ชฉ๋ก.
[์ฃผ์] ์ด์ ๋ฒ์ ์ ์ค์ ์ ๋ก๋ํ๊ธฐ ์ํด, ์ด ์์ฑ์ด ์ง์ ๋์ง ์๊ณ 'xAxes' ํญ๋ชฉ์ด ์กด์ฌํ๋ฉด
๊ทธ ํญ๋ชฉ์ ์ด ์์ฑ์ผ๋ก ์ค์ ํ๋ค.
yAxis
y์ถ ๋๋ y์ถ ๋ชฉ๋ก.
[์ฃผ์] ์ด์ ๋ฒ์ ์ ์ค์ ์ ๋ก๋ํ๊ธฐ ์ํด, ์ด ์์ฑ์ด ์ง์ ๋์ง ์๊ณ 'yAxes' ํญ๋ชฉ์ด ์กด์ฌํ๋ฉด
๊ทธ ํญ๋ชฉ์ ์ด ์์ฑ์ผ๋ก ์ค์ ํ๋ค.