Area

series

각 시리즈의 values는 시간 순서의 값입니다.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• AreaChartSeries

  타입 정의

activeSeriesIndex

HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

seriesState

JavaScript 프로퍼티로 전달합니다. 타입: AreaChartSeriesStateOptions.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• AreaChartSeriesStateOptions

  타입 정의

seriesActiveTrigger

허용값: hover, click, custom. 기본값: 'hover'.

• AreaChartSeriesActiveTrigger

  타입 정의

values

단일 시리즈의 값을 전달합니다. Line의 숫자 배열, Scatter의 좌표 배열 등 선택한 차트 종류에 맞는 타입을 사용합니다. 배열과 객체는 JavaScript 프로퍼티로 할당하세요.

• AreaChartValues

  타입 정의

width

차트의 너비를 px 단위로 지정합니다. 컨테이너 너비가 변하는 앱에서는 ResizeObserver에서 width를 갱신하세요.

height

차트의 높이를 px 단위로 지정합니다. 축, 제목과 범례가 차지하는 공간을 함께 고려하세요.

brandLogo

기본값은 Syidax 심볼과 워드마크입니다. Pro의 chart.branding 권한으로 none을 지정해 제거하거나 PNG·JPEG·WebP data URL로 교체할 수 있습니다.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

brandPosition

로고를 고정할 코너입니다. Community·Pro 모두 네 코너 중 하나를 선택할 수 있으며 화면과 이미지 내보내기에 같은 위치를 사용합니다.

color

HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.

fillColor

HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

fillOpacity

HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

fillGradient

JavaScript 프로퍼티로 전달합니다. 타입: AreaChartFillGradient.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• AreaChartFillGradient

  타입 정의

fillPattern

JavaScript 프로퍼티로 전달합니다. 타입: AreaChartFillPattern.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• AreaChartFillPattern

  타입 정의

patternKind

허용값: dots, diagonal, cross-hatch, diagonal-forward, diagonal-backward, fill. 기본값: undefined.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• AreaChartPatternKind

  타입 정의

patternColor

HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

patternBackground

HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

patternSize

HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

patternThickness

HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

thickness

HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.

marker

허용값: none, circle, square, triangle, cross, diamond, star. 기본값: 'none'.

• LineChartMarker

  타입 정의

markerSize

HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.

markerFilter

JavaScript 프로퍼티로 전달합니다. 타입: LineChartMarkerFilter.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• LineChartMarkerFilter

  타입 정의

baseline

Value the area is anchored to (line at yScale(baseline)). Always explicit (default 0) so the rendered start point is never ambiguous.

connectNulls

HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.

engine

auto·standard·pro 렌더러 선택입니다. 엔진 선택은 차트 종류의 Pro 사용 권한과 별개입니다.

• AreaChartEngineMode

  타입 정의

proThreshold

HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.

unavailable

허용값: fallback, error. 기본값: 'fallback'.

• AreaChartUnavailableBehaviour

  타입 정의

streamSource

실시간 데이터를 전달하는 스트림 소스입니다. 해당 타입의 계약을 확인하세요.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• AreaChartStreamSource

  타입 정의

streamWindow

화면에 유지할 스트리밍 데이터 구간입니다.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

streamMax

보관할 스트리밍 데이터의 최대 수입니다.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

animated

초기 표시와 데이터 변경의 애니메이션 사용 여부입니다.

animationDuration

애니메이션 지속 시간(ms).

animationEasing

허용값: linear, ease-out, ease-in, ease-in-out. 기본값: 'ease-out'.

• AreaChartEasing

  타입 정의

animationType

허용값: initial, update. 기본값: undefined.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• AreaChartAnimationType

  타입 정의

legend

시리즈 또는 항목의 범례 표시 여부입니다.

legendPosition

범례를 배치할 위치입니다.

• AreaChartLegendPosition

  타입 정의

legendItems

JavaScript 프로퍼티로 전달합니다. 타입: LegendItem[].

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• LegendItem

  타입 정의

seriesName

HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: string.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

legendFloatAlign

허용값: start, center, end. 기본값: 'end'.

legendFloatVerticalAlign

허용값: top, bottom, middle. 기본값: 'top'.

legendDraggable

HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.

xAxis

시리즈와 같은 길이의 categories를 지정합니다.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• CartesianAxisInput

  타입 정의

yAxis

면적의 기준이 되는 값 축입니다.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• CartesianYAxisInput

  타입 정의

chartTitle

차트 내부 제목입니다. 데이터의 단위와 의미를 함께 설명하세요.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

chartSubtitle

차트 내부 부제목입니다.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

tooltip

포인터에 따라 표시할 값, 위치, 내용의 툴팁 설정입니다.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• CartesianTooltipInput

  타입 정의

crosshair

JavaScript 프로퍼티로 전달합니다. 타입: CartesianCrosshairInput.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• CartesianCrosshairInput

  타입 정의

gridLines

허용값: auto, off. 기본값: undefined.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• CartesianGridLinesInput

  타입 정의

zoom

zoom: 'x' | 'y' | 'xy' | true (x) enable the drag rectangle + keyboard (+ / - / Escape) on the primary axes; an object refines mode / drag / keyboard / minRangePx / resetButton. Off by default. zoomTo / zoomBy / resetZoom work regardless of the gesture switches.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• CartesianZoomInput

  타입 정의

brush

brush selection: 'rect' | true | { type, mode, modifier, minSizePx, keyboard, clearOnClick }; off by default.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• CartesianBrushInput

  타입 정의

drawings

the drawing document: a list of drawings, a serialized envelope, or a JSON string of either (replaces the document; the history restarts).

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• ChartDrawingsInput

  타입 정의

drawingMode

the pointer disposition: 'none' (default), 'draw' (the plain drag places drawingTool; precedence drawing > brush > zoom > pan), 'select' ().

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• DrawingModeInput

  타입 정의

drawingTool

the tool drawingMode="draw" places (a registered tool name; default 'segment').

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

drawingSpace

the space new drawings are anchored in: 'data' (default — the primary axes) or 'pixel' (offsets from the plot's top-left; they stay put under zoom, pan and data changes).

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• DrawingSpace

  타입 정의

visualMap

a visual map binding (a sy-visual-map snapshot + the data dimension): every mark is coloured through it.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• VisualMapBinding

  타입 정의

rendered

차트 그리기가 완료되면 렌더링 결과를 detail로 전달합니다.

이벤트 이름: rendered. 대소문자를 구분합니다. payload는 CustomEvent<AreaChartRenderResult & { tier: AreaChartEngineTier }>의 detail에서 읽습니다.

chart.addEventListener('rendered', event => {
  console.log(event.detail); // AreaChartRenderResult & { tier: AreaChartEngineTier }
});

• AreaChartRenderResult

  타입 정의

• AreaChartEngineTier

  타입 정의

appended

CustomEvent.detail 타입: { count: number }. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: appended. 대소문자를 구분합니다. payload는 CustomEvent<{ count: number }>의 detail에서 읽습니다.

chart.addEventListener('appended', event => {
  console.log(event.detail); // { count: number }
});

windowSlid

CustomEvent.detail 타입: { dropped: number }. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: windowSlid. 대소문자를 구분합니다. payload는 CustomEvent<{ dropped: number }>의 detail에서 읽습니다.

chart.addEventListener('windowSlid', event => {
  console.log(event.detail); // { dropped: number }
});

chartAnimationStart

CustomEvent.detail 타입: void. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: chartAnimationStart. 대소문자를 구분합니다. payload는 CustomEvent<void>의 detail에서 읽습니다.

chart.addEventListener('chartAnimationStart', event => {
  console.log(event.detail); // void
});

chartAnimationEnd

CustomEvent.detail 타입: void. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: chartAnimationEnd. 대소문자를 구분합니다. payload는 CustomEvent<void>의 detail에서 읽습니다.

chart.addEventListener('chartAnimationEnd', event => {
  console.log(event.detail); // void
});

chartAnimationInterrupted

CustomEvent.detail 타입: void. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: chartAnimationInterrupted. 대소문자를 구분합니다. payload는 CustomEvent<void>의 detail에서 읽습니다.

chart.addEventListener('chartAnimationInterrupted', event => {
  console.log(event.detail); // void
});

crosshairMove

CustomEvent.detail 타입: CartesianCrosshairEventDetail | null. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: crosshairMove. 대소문자를 구분합니다. payload는 CustomEvent<CartesianCrosshairEventDetail | null>의 detail에서 읽습니다.

chart.addEventListener('crosshairMove', event => {
  console.log(event.detail); // CartesianCrosshairEventDetail | null
});

• CartesianCrosshairEventDetail

  타입 정의

tooltipShow

내장 툴팁 표시 여부입니다.

이벤트 이름: tooltipShow. 대소문자를 구분합니다. payload는 CustomEvent<CartesianTooltipEventDetail>의 detail에서 읽습니다.

chart.addEventListener('tooltipShow', event => {
  console.log(event.detail); // CartesianTooltipEventDetail
});

• CartesianTooltipEventDetail

  타입 정의

tooltipHide

CustomEvent.detail 타입: void. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: tooltipHide. 대소문자를 구분합니다. payload는 CustomEvent<void>의 detail에서 읽습니다.

chart.addEventListener('tooltipHide', event => {
  console.log(event.detail); // void
});

tooltipAction

CustomEvent.detail 타입: CartesianTooltipActionEventDetail. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: tooltipAction. 대소문자를 구분합니다. payload는 CustomEvent<CartesianTooltipActionEventDetail>의 detail에서 읽습니다.

chart.addEventListener('tooltipAction', event => {
  console.log(event.detail); // CartesianTooltipActionEventDetail
});

• CartesianTooltipActionEventDetail

  타입 정의

zoomChange

fired after every zoom change (drag / keyboard / api / reset) with the new state.

이벤트 이름: zoomChange. 대소문자를 구분합니다. payload는 CustomEvent<CartesianZoomChangeEventDetail>의 detail에서 읽습니다.

chart.addEventListener('zoomChange', event => {
  console.log(event.detail); // CartesianZoomChangeEventDetail
});

• CartesianZoomChangeEventDetail

  타입 정의

brushChange

the brush areas / selection changed (drag, api, clear, keyboard).

이벤트 이름: brushChange. 대소문자를 구분합니다. payload는 CustomEvent<CartesianBrushChangeEventDetail>의 detail에서 읽습니다.

chart.addEventListener('brushChange', event => {
  console.log(event.detail); // CartesianBrushChangeEventDetail
});

• CartesianBrushChangeEventDetail

  타입 정의

brushStart

a brush drag opened up (once per gesture).

이벤트 이름: brushStart. 대소문자를 구분합니다. payload는 CustomEvent<CartesianBrushStartEventDetail>의 detail에서 읽습니다.

chart.addEventListener('brushStart', event => {
  console.log(event.detail); // CartesianBrushStartEventDetail
});

• CartesianBrushStartEventDetail

  타입 정의

brushMove

a live frame of the drag (throttled; the selection only with liveSelection).

이벤트 이름: brushMove. 대소문자를 구분합니다. payload는 CustomEvent<CartesianBrushMoveEventDetail>의 detail에서 읽습니다.

chart.addEventListener('brushMove', event => {
  console.log(event.detail); // CartesianBrushMoveEventDetail
});

• CartesianBrushMoveEventDetail

  타입 정의

brushEnd

the drag released (after brushChange), or was cancelled.

이벤트 이름: brushEnd. 대소문자를 구분합니다. payload는 CustomEvent<CartesianBrushEndEventDetail>의 detail에서 읽습니다.

chart.addEventListener('brushEnd', event => {
  console.log(event.detail); // CartesianBrushEndEventDetail
});

• CartesianBrushEndEventDetail

  타입 정의

drawingsChange

the drawing document changed (a placement, the api, undo / redo, clear, the prop).

이벤트 이름: drawingsChange. 대소문자를 구분합니다. payload는 CustomEvent<DrawingsChangeEventDetail>의 detail에서 읽습니다.

chart.addEventListener('drawingsChange', event => {
  console.log(event.detail); // DrawingsChangeEventDetail
});

• DrawingsChangeEventDetail

  타입 정의

drawingSelectionChange

the drawing selection changed (a click, a marquee, the api, Escape, a document change pruning it).

이벤트 이름: drawingSelectionChange. 대소문자를 구분합니다. payload는 CustomEvent<DrawingSelectionChangeEventDetail>의 detail에서 읽습니다.

chart.addEventListener('drawingSelectionChange', event => {
  console.log(event.detail); // DrawingSelectionChangeEventDetail
});

• DrawingSelectionChangeEventDetail

  타입 정의

pointHover

CustomEvent.detail 타입: CartesianPointEventDetail | null. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: pointHover. 대소문자를 구분합니다. payload는 CustomEvent<CartesianPointEventDetail | null>의 detail에서 읽습니다.

chart.addEventListener('pointHover', event => {
  console.log(event.detail); // CartesianPointEventDetail | null
});

• CartesianPointEventDetail

  타입 정의

pointClick

점 선택 이벤트입니다. CustomEvent.detail에서 선택한 데이터와 인덱스를 읽습니다.

이벤트 이름: pointClick. 대소문자를 구분합니다. payload는 CustomEvent<CartesianPointEventDetail>의 detail에서 읽습니다.

chart.addEventListener('pointClick', event => {
  console.log(event.detail); // CartesianPointEventDetail
});

• CartesianPointEventDetail

  타입 정의

pointContextMenu

CustomEvent.detail 타입: ChartPointContextMenuEventDetail<CartesianPointEventDetail>. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: pointContextMenu. 대소문자를 구분합니다. payload는 CustomEvent<ChartPointContextMenuEventDetail<CartesianPointEventDetail>>의 detail에서 읽습니다.

chart.addEventListener('pointContextMenu', event => {
  console.log(event.detail); // ChartPointContextMenuEventDetail<CartesianPointEventDetail>
});

• ChartPointContextMenuEventDetail

  타입 정의

• CartesianPointEventDetail

  타입 정의

seriesOutsideClick

CustomEvent.detail 타입: CartesianSeriesOutsideClickEventDetail. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: seriesOutsideClick. 대소문자를 구분합니다. payload는 CustomEvent<CartesianSeriesOutsideClickEventDetail>의 detail에서 읽습니다.

chart.addEventListener('seriesOutsideClick', event => {
  console.log(event.detail); // CartesianSeriesOutsideClickEventDetail
});

• CartesianSeriesOutsideClickEventDetail

  타입 정의

legendItemClick

CustomEvent.detail 타입: AreaChartLegendItemEventDetail. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: legendItemClick. 대소문자를 구분합니다. payload는 CustomEvent<AreaChartLegendItemEventDetail>의 detail에서 읽습니다.

chart.addEventListener('legendItemClick', event => {
  console.log(event.detail); // AreaChartLegendItemEventDetail
});

• AreaChartLegendItemEventDetail

  타입 정의

seriesToggled

CustomEvent.detail 타입: AreaChartSeriesToggledEventDetail. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: seriesToggled. 대소문자를 구분합니다. payload는 CustomEvent<AreaChartSeriesToggledEventDetail>의 detail에서 읽습니다.

chart.addEventListener('seriesToggled', event => {
  console.log(event.detail); // AreaChartSeriesToggledEventDetail
});

• AreaChartSeriesToggledEventDetail

  타입 정의

appendPoint

스트림에 값 하나를 추가합니다. 메서드 인수 타입과 스트리밍 기능의 라이선스 조건을 확인하세요.

appendPoint(value: number): Promise<void>

반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

appendBatch

스트림에 여러 값을 한 번에 추가합니다. 메서드 인수 타입과 스트리밍 기능의 라이선스 조건을 확인하세요.

appendBatch(values: ReadonlyArray<number> | Float32Array): Promise<void>

반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

shift

Drop the oldest streamed categories (the data boxes are not the stream).

shift(count: number): Promise<void>

반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

replace

Swap the streamed set (replace([]) clears it); the base values never leave. Without chart.streaming the dies upsert into the base like a batch (quietly: no appended, no binChanged, as a ring replace).

replace(values: ReadonlyArray<number> | Float32Array): Promise<void>

반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

getStreamSource

The stream session's source (Chart Pro): like the stream methods it waits for a license still being confirmed.

getStreamSource(): Promise<AreaChartStreamSource | undefined>

반환 타입: Promise<AreaChartStreamSource | undefined>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• AreaChartStreamSource

  타입 정의

getEngineStatus

The requested engine, the engine that draws and why . A Chart Pro license decision names chart.webgpu and its state; renderer causes (not in this build, no WebGPU, a failed GPU) stay apart.

getEngineStatus(): Promise<ChartEngineStatus>

반환 타입: Promise<ChartEngineStatus>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• ChartEngineStatus

  타입 정의

setAnimation

비동기 메서드입니다. 아래 인수 타입과 반환 타입을 확인하세요.

setAnimation(options: { duration?: number; easing?: AreaChartEasing; enabled?: boolean; type?: AreaChartAnimationType }): Promise<void>

반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• AreaChartEasing

  타입 정의

• AreaChartAnimationType

  타입 정의

pauseAnimation

진행 중인 애니메이션을 일시 정지합니다.

pauseAnimation(): Promise<void>

반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

resumeAnimation

일시 정지한 애니메이션을 다시 진행합니다.

resumeAnimation(): Promise<void>

반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

showTooltipAtPoint

Open the tooltip for a dot programmatically. pointIndex is the category (row) index; the optional seriesIndex selects a group within that row (defaults to the first visible group's dot in the row). Returns the emitted tooltip detail, or null when no dot resolves / the tooltip is disabled.

showTooltipAtPoint(pointIndex: number): Promise<CartesianTooltipEventDetail | null>

반환 타입: Promise<CartesianTooltipEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• CartesianTooltipEventDetail

  타입 정의

hideTooltip

현재 표시 중인 툴팁을 닫습니다.

hideTooltip(): Promise<void>

반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

zoomTo

zoom to explicit windows: x / y as { min, max } or [min, max] (null clears that orientation); xAxis / yAxis name the axis by id or slot index (default: the primary axis).

zoomTo(request: CartesianZoomRequest): Promise<CartesianZoomChangeEventDetail | null>

반환 타입: Promise<CartesianZoomChangeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• CartesianZoomChangeEventDetail

  타입 정의

• CartesianZoomRequest

  타입 정의

zoomBy

scale the current windows by factor (< 1 zooms in) around anchorFraction (0..1, default centre).

zoomBy(factor: number, anchorFraction?: number): Promise<CartesianZoomChangeEventDetail | null>

반환 타입: Promise<CartesianZoomChangeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• CartesianZoomChangeEventDetail

  타입 정의

panBy

slide the zoomed windows by data units ({ x?, y? }); a no-op at the full extent.

panBy(delta: { x?: number; y?: number }): Promise<CartesianZoomChangeEventDetail | null>

반환 타입: Promise<CartesianZoomChangeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• CartesianZoomChangeEventDetail

  타입 정의

resetZoom

확대·이동한 범위를 초기 데이터 범위로 되돌립니다.

resetZoom(): Promise<CartesianZoomChangeEventDetail | null>

반환 타입: Promise<CartesianZoomChangeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• CartesianZoomChangeEventDetail

  타입 정의

getZoom

현재 확대 범위를 읽습니다. 반환 타입의 null 허용 여부와 축별 범위를 확인하세요.

getZoom(): Promise<CartesianZoomState | null>

반환 타입: Promise<CartesianZoomState | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• CartesianZoomState

  타입 정의

getZoomExtent

the full extent (and key) of the primary — or the named — master axes (null before the first layout).

getZoomExtent(request?: CartesianZoomExtentRequest): Promise<CartesianZoomExtentDetail | null>

반환 타입: Promise<CartesianZoomExtentDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• CartesianZoomExtentDetail

  타입 정의

• CartesianZoomExtentRequest

  타입 정의

showCrosshairAt

show the crosshair at a data position (a linked chart's cursor) without emitting crosshairMove; false when it falls outside the plot.

showCrosshairAt(request: CartesianCrosshairShowRequest): Promise<boolean>

반환 타입: Promise<boolean>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• CartesianCrosshairShowRequest

  타입 정의

hideCrosshair

hide the crosshair shown by showCrosshairAt (or the pointer's).

hideCrosshair(): Promise<void>

반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

getDrawings

the drawings of the document (data-space anchors).

getDrawings(): Promise<ChartDrawing[]>

반환 타입: Promise<ChartDrawing[]>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• ChartDrawing

  타입 정의

setDrawings

replace the document from script (null clears); the history keeps the previous document as an undo step.

setDrawings(drawings: ReadonlyArray<ChartDrawingInput> | null): Promise<DrawingsChangeEventDetail | null>

반환 타입: Promise<DrawingsChangeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• DrawingsChangeEventDetail

  타입 정의

• ChartDrawingInput

  타입 정의

addDrawing

add one drawing (an explicit id replaces); answers the resolved drawing, or null when the input was malformed.

addDrawing(drawing: ChartDrawingInput): Promise<ChartDrawing | null>

반환 타입: Promise<ChartDrawing | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• ChartDrawing

  타입 정의

• ChartDrawingInput

  타입 정의

updateDrawing

merge a patch into one drawing (anchors, style, visible, locked, options, meta).

updateDrawing(id: string, patch: Partial<Omit<ChartDrawing, 'id'>>): Promise<ChartDrawing | null>

반환 타입: Promise<ChartDrawing | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• ChartDrawing

  타입 정의

removeDrawing

remove one drawing.

removeDrawing(id: string): Promise<boolean>

반환 타입: Promise<boolean>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

removeDrawings

remove several drawings in one undoable step (locked / unknown ids are skipped); the selection prunes itself.

removeDrawings(ids: ReadonlyArray<string>): Promise<DrawingsChangeEventDetail | null>

반환 타입: Promise<DrawingsChangeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• DrawingsChangeEventDetail

  타입 정의

setDrawingSpace

move a drawing to the other coordinate space at the current frame (its anchors convert, nothing moves on screen); one undoable step.

setDrawingSpace(id: string, space: DrawingSpace): Promise<ChartDrawing | null>

반환 타입: Promise<ChartDrawing | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• ChartDrawing

  타입 정의

• DrawingSpace

  타입 정의

clearDrawings

clear the document (undoable).

clearDrawings(): Promise<DrawingsChangeEventDetail | null>

반환 타입: Promise<DrawingsChangeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• DrawingsChangeEventDetail

  타입 정의

undoDrawing

undo the last document change; null when there is nothing to undo.

undoDrawing(): Promise<DrawingsChangeEventDetail | null>

반환 타입: Promise<DrawingsChangeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• DrawingsChangeEventDetail

  타입 정의

redoDrawing

redo the last undone change; null when there is nothing to redo.

redoDrawing(): Promise<DrawingsChangeEventDetail | null>

반환 타입: Promise<DrawingsChangeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• DrawingsChangeEventDetail

  타입 정의

getDrawingLayer

the drawing overlay as a standalone SVG layer in host pixels (selection chrome and the placement preview stripped; null without drawings) — what the facade composes into the image export.

getDrawingLayer(): Promise<DrawingLayerSnapshot | null>

반환 타입: Promise<DrawingLayerSnapshot | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• DrawingLayerSnapshot

  타입 정의

exportDrawings

the document as its versioned JSON envelope (feed it back through drawings or importDrawings).

exportDrawings(): Promise<string>

반환 타입: Promise<string>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

importDrawings

replace the document from an envelope / list / JSON string (undoable; malformed rows drop).

importDrawings(input: ChartDrawingsInput): Promise<DrawingsChangeEventDetail | null>

반환 타입: Promise<DrawingsChangeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• DrawingsChangeEventDetail

  타입 정의

• ChartDrawingsInput

  타입 정의

selectDrawings

select drawings from script (null / [] clears); unknown ids are dropped.

selectDrawings(ids: ReadonlyArray<string> | null): Promise<DrawingSelectionChangeEventDetail | null>

반환 타입: Promise<DrawingSelectionChangeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• DrawingSelectionChangeEventDetail

  타입 정의

getDrawingSelection

the selected drawing ids.

getDrawingSelection(): Promise<string[]>

반환 타입: Promise<string[]>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

setBrush

replace the brush areas from script (null clears); brushChange fires with source 'api'.

setBrush(areas: ReadonlyArray<CartesianBrushAreaInput> | null): Promise<CartesianBrushChangeEventDetail | null>

반환 타입: Promise<CartesianBrushChangeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• CartesianBrushChangeEventDetail

  타입 정의

• CartesianBrushAreaInput

  타입 정의

clearBrush

clear the brush areas (brushChange with source 'clear').

clearBrush(): Promise<CartesianBrushChangeEventDetail | null>

반환 타입: Promise<CartesianBrushChangeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• CartesianBrushChangeEventDetail

  타입 정의

getBrush

the persisted brush areas (primary data space).

getBrush(): Promise<CartesianBrushArea[]>

반환 타입: Promise<CartesianBrushArea[]>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• CartesianBrushArea

  타입 정의

getBrushSelection

the points inside the brush areas, against the current layout.

getBrushSelection(): Promise<CartesianBrushSelectedSeries[]>

반환 타입: Promise<CartesianBrushSelectedSeries[]>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• CartesianBrushSelectedSeries

  타입 정의

setVisualMap

Bind (or clear) a visual map: every mark is coloured through it on the next paint.

setVisualMap(binding: VisualMapBinding | null): Promise<VisualMapBinding | null>

반환 타입: Promise<VisualMapBinding | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• VisualMapBinding

  타입 정의

getVisualMap

비동기 메서드입니다. 아래 인수 타입과 반환 타입을 확인하세요.

getVisualMap(): Promise<VisualMapBinding | null>

반환 타입: Promise<VisualMapBinding | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• VisualMapBinding

  타입 정의

getVisualExtent

The extent of a dimension over the visible points — what a bound sy-visual-map adopts as its domain.

getVisualExtent(request?: VisualMapExtentRequest): Promise<VisualMapExtent | null>

반환 타입: Promise<VisualMapExtent | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• VisualMapExtent

  타입 정의

• VisualMapExtentRequest

  타입 정의

redraw

현재 데이터와 옵션으로 차트를 다시 그립니다. 반환되는 Promise가 완료되면 렌더링 결과를 확인할 수 있습니다.

redraw(): Promise<AreaChartRenderResult>

반환 타입: Promise<AreaChartRenderResult>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• AreaChartRenderResult

  타입 정의

getActiveTier

비동기 메서드입니다. 아래 인수 타입과 반환 타입을 확인하세요.

getActiveTier(): Promise<AreaChartEngineTier>

반환 타입: Promise<AreaChartEngineTier>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• AreaChartEngineTier

  타입 정의

addSeries

비동기 메서드입니다. 아래 인수 타입과 반환 타입을 확인하세요.

addSeries(options: AreaChartSeries, opts?: { redraw?: boolean; insertAt?: number }): Promise<number>

반환 타입: Promise<number>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• AreaChartSeries

  타입 정의

removeSeries

비동기 메서드입니다. 아래 인수 타입과 반환 타입을 확인하세요.

removeSeries(idOrIndex: string | number, opts?: { redraw?: boolean }): Promise<boolean>

반환 타입: Promise<boolean>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

updateSeries

비동기 메서드입니다. 아래 인수 타입과 반환 타입을 확인하세요.

updateSeries(idOrIndex: string | number, patch: Partial<AreaChartSeries>, opts?: { redraw?: boolean }): Promise<boolean>

반환 타입: Promise<boolean>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• AreaChartSeries

  타입 정의

setSeriesData

비동기 메서드입니다. 아래 인수 타입과 반환 타입을 확인하세요.

setSeriesData(idOrIndex: string | number, data: AreaChartValues, opts?: { redraw?: boolean }): Promise<boolean>

반환 타입: Promise<boolean>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• AreaChartValues

  타입 정의

addPoint

비동기 메서드입니다. 아래 인수 타입과 반환 타입을 확인하세요.

addPoint(idOrIndex: string | number, point: number, opts?: { shift?: boolean; redraw?: boolean }): Promise<boolean>

반환 타입: Promise<boolean>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

showSeries

비동기 메서드입니다. 아래 인수 타입과 반환 타입을 확인하세요.

showSeries(idOrIndex: string | number, opts?: { redraw?: boolean }): Promise<boolean>

반환 타입: Promise<boolean>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

hideSeries

비동기 메서드입니다. 아래 인수 타입과 반환 타입을 확인하세요.

hideSeries(idOrIndex: string | number, opts?: { redraw?: boolean }): Promise<boolean>

반환 타입: Promise<boolean>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.