Chartconfiguration

ChartConfiguration

차트 좌표계와 그 방향 및 시리즈와 게이지의 기본 타입을 결정하는 중요한 몇가지 속성들과 하위 구성 요소들에 대한 옵션들을 설정한다.
차트 생성 시 이 옵션 객체를 구성해서 전달해야 한다.

const chart = RealChart.createChart(doc, 'div', {
     .... // 여기에 설정한다.
});

typescript (opens in a new tab) 환경에서는 타입을 명시적으로 지정하여 개발 편집기의 typescript 지원을 받을 수 있으므로 설정 객체를 별도로 정의할 수 있다.

const config: ChartConfiguration = {
     ...
};
const chart = RealChart.createChart(doc, 'div', config);

Properties

annotation: `ImageAnnotationOptions` | `ShapeAnnotationOptions` | `TextAnnotationOptions` | `Array` (opens in a new tab)<`ImageAnnotationOptions` | `ShapeAnnotationOptions` | `TextAnnotationOptions`>

어노테이션 또는 어노테이션 목록.
[주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 'annotations' 항목이 존재하면 그 항목을 이 속성으로 설정한다.

default :undefined

asset: `LinearGradientOptions` | `RadialGradientOptions` | `PatternOptions` | `ColorListOptions` | `ImageListOptions` | `Array` (opens in a new tab)<`LinearGradientOptions` | `RadialGradientOptions` | `PatternOptions` | `ColorListOptions` | `ImageListOptions`>

Asset 목록.
[주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 'assets' 설정이 존재하면 load 후 이 속성으로 설정한다.

default :undefined

body: `BodyOptions`

시리즈나 게이지들이 그려지는 영역.

default :undefined

exporting: `ExporterOptions`

내보내기 설정.

default :undefined

gauge: `LinearGaugeOptions` | `BulletGaugeOptions` | `CircleGaugeOptions` | `ClockGaugeOptions` | `LinearGaugeGroupOptions` | `BulletGaugeGroupOptions` | `CircleGaugeGroupOptions` | `Array` (opens in a new tab)<`LinearGaugeOptions` | `BulletGaugeOptions` | `CircleGaugeOptions` | `ClockGaugeOptions` | `LinearGaugeGroupOptions` | `BulletGaugeGroupOptions` | `CircleGaugeGroupOptions`>

게이지 또는 게이지 목록.
[주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 'gauges' 항목이 존재하면 그 항목을 이 속성으로 설정한다.

default :undefined

gaugeType: `'linear'` | `'circle'` | `'bullet'` | `'clock'`

기본 게이지 type.
게이지에 type을 지정하지 않으면 이 속성 type의 시리즈로 생성된다.
[주의] 차트 로딩 후 변경할 수 없다.

default :'circle'

inverted: `boolean` (opens in a new tab)

polar가 아닌 기본 직교 좌표계일 때 true로 지정하면 x축이 수직, y축이 수평으로 배치된다.
[주의] 차트 로딩 후 변경할 수 없다.

default :false

legend: `boolean` (opens in a new tab) | `LegendOptions`

차트 시리즈 구성 등을 직관적으로 이해할 수 있도록 도와주는 범례.
시리즈나 데이터포인트 등의 이름과 심볼을 같이 표시할 수 있다.

default :undefined

options: `ChartOptionsOptions`

차트 전체에 영향을 미치는 옵션들.

default :undefined

polar: `boolean` (opens in a new tab)

true면 차트가 극좌표계 (opens in a new tab)로 표시된다.
기본은 직교좌표계 (opens in a new tab)이다. 극좌표계일 때, x축이 원호에, y축은 방사선에 위치하고, 아래의 제한 사항이 있다.

x축은 첫번째 축 하나만 사용된다.
axis.position 속성은 무시된다.
chart, series의 inverted 속성이 무시된다.
극좌표계에 표시할 수 없는 series들은 표시되지 않는다.

[주의] 차트 로딩 후 변경할 수 없다.

default :false

series: `SeriesOptions` | `SeriesGroupOptions` | `BarRangeSeriesOptions` | `BarSeriesOptions` | `BarSeriesGroupOptions` | `BellCurveSeriesOptions` | `BoxPlotSeriesOptions` | `BubbleSeriesOptions` | `BumpSeriesGroupOptions` | `CandlestickSeriesOptions` | `CircleBarSeriesOptions` | `DumbbellSeriesOptions` | `EqualizerSeriesOptions` | `ErrorBarSeriesOptions` | `FunnelSeriesOptions` | `HeatmapSeriesOptions` | `HistogramSeriesOptions` | `AreaRangeSeriesOptions` | `AreaSeriesOptions` | `LineSeriesOptions` | `LineSeriesGroupOptions` | `SplineSeriesOptions` | `LollipopSeriesOptions` | `OhlcSeriesOptions` | `ParetoSeriesOptions` | `PieSeriesOptions` | `PieSeriesGroupOptions` | `ScatterSeriesOptions` | `TreemapSeriesOptions` | `VectorSeriesOptions` | `WaterfallSeriesOptions` | `Array` (opens in a new tab)<`SeriesOptions` | `SeriesGroupOptions` | `BarRangeSeriesOptions` | `BarSeriesOptions` | `BarSeriesGroupOptions` | `BellCurveSeriesOptions` | `BoxPlotSeriesOptions` | `BubbleSeriesOptions` | `BumpSeriesGroupOptions` | `CandlestickSeriesOptions` | `CircleBarSeriesOptions` | `DumbbellSeriesOptions` | `EqualizerSeriesOptions` | `ErrorBarSeriesOptions` | `FunnelSeriesOptions` | `HeatmapSeriesOptions` | `HistogramSeriesOptions` | `AreaRangeSeriesOptions` | `AreaSeriesOptions` | `LineSeriesOptions` | `LineSeriesGroupOptions` | `SplineSeriesOptions` | `LollipopSeriesOptions` | `OhlcSeriesOptions` | `ParetoSeriesOptions` | `PieSeriesOptions` | `PieSeriesGroupOptions` | `ScatterSeriesOptions` | `TreemapSeriesOptions` | `VectorSeriesOptions` | `WaterfallSeriesOptions`>

시리즈 또는 시리즈 목록.

default :undefined

seriesNavigator: `boolean` (opens in a new tab) | `SeriesNavigatorOptions`

시리즈 내비게이터.

default :undefined

split: `SplitOptions`

분할 모드 설정.

default :undefined

subtitle: `string` (opens in a new tab) | `SubtitleOptions`

차트 제목 주위에 표시되는 부제목.

default :undefined

templates: `ConfigObject`

이 차트 구성 설정에서 반복 사용할 수 있는 설정 모음.

default :undefined

title: `string` (opens in a new tab) | `TitleOptions`

차트 타이틀.

default :undefined

tooltip: `boolean` (opens in a new tab) | `TooltipOptions`

데이터포인트 뷰에 마우스가 올라가면 표시되는 툴팁 상자.
툴팁 개요 페이지를 참조한다.

default :undefined

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: `CategoryAxisOptions` | `LinearAxisOptions` | `LogAxisOptions` | `TimeAxisOptions` | `Array` (opens in a new tab)<`CategoryAxisOptions` | `LinearAxisOptions` | `LogAxisOptions` | `TimeAxisOptions`>

x축 또는 x축 목록.
[주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 'xAxes' 항목이 존재하면 그 항목을 이 속성으로 설정한다.

default :undefined

yAxis: `CategoryAxisOptions` | `LinearAxisOptions` | `LogAxisOptions` | `TimeAxisOptions` | `Array` (opens in a new tab)<`CategoryAxisOptions` | `LinearAxisOptions` | `LogAxisOptions` | `TimeAxisOptions`>

y축 또는 y축 목록.
[주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 'yAxes' 항목이 존재하면 그 항목을 이 속성으로 설정한다.

default :undefined

CategoryAxisTickOptions ChartDataOptions