API
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축은 방사선에 위치하고, 아래의 제한 사항이 있다.

  1. x축은 첫번째 축 하나만 사용된다.
  2. axis.position 속성은 무시된다.
  3. chart, series의 inverted 속성이 무시된다.
  4. 극좌표계에 표시할 수 없는 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