Calendar Heatmap

data

{ date, value } 배열. 예제는 YYYY-MM-DD 날짜를 사용합니다.

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

• CalendarHeatmapData

  타입 정의

width

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

height

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

brandLogo

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

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

brandPosition

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

year

The range: a year (Jan 1 … Dec 31); start-date / end-date win over it; neither → the data's span.

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

startDate

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

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

endDate

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

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

weekStart

monday 또는 sunday입니다.

• CalendarWeekStart

  타입 정의

aggregate

How several entries on one day fold: sum (default), max, min, mean, last.

• CalendarAggregate

  타입 정의

noDataValue

What a day without entries reads on the plane: a number (default 0 → the ramp's first colour) or nan (→ empty-color).

colors

The colour ramp (a scheme name, a colour list / comma list, or [t, colour] stops); default GitHub's greens.

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

valueMin

Domain ends; an omitted end follows the data (the min includes the fill, so 0 is the ramp start).

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

valueMax

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

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

emptyColor

The colour of a NaN cell (the strip's corners outside the range, and no-data days under no-data-value="nan") — transparent by default.

cellGap

CSS px between cells.

cellRadius

The cell corner radius in CSS px.

cellBorder

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

cellBorderColor

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

renderPath

The draw path: auto (the cells path from 3 device px per cell — the usual case), or a forced plane / cells.

• CalendarHeatmapRenderPath

  타입 정의

lod

허용값: auto, point, area, smooth. 기본값: 'auto'.

• HeatmapLodMode

  타입 정의

monthLabels

Month labels along the top (a month whose label would overlap the previous one is skipped).

weekdayLabels

Weekday labels down the left: short (rows 0 / 2 / 4), all, none.

• CalendarWeekdayLabels

  타입 정의

monthLines

Month boundaries as step lines between the cells.

chartTitle

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

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

chartSubtitle

차트 내부 부제목입니다.

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

enableMouseTracking

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

tooltip

the cell tooltip (the shared cartesian tooltip input: show / trigger / format / html / connector / draggable …).

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

• CartesianTooltipInput

  타입 정의

tooltipEnabled

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

tooltipFormat

a plain-text formatter of the default tooltip (tooltip.format wins).

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

• CalendarHeatmapPointEventDetail

  타입 정의

animated

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

animationDuration

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

animationEasing

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

• CalendarHeatmapEasing

  타입 정의

animationType

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

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

• CalendarHeatmapAnimationType

  타입 정의

streamSource

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

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

• CalendarHeatmapStreamSource

  타입 정의

streamMax

Streamed entries kept at most (default 10,000): the oldest leave first.

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

streamWindow

The newest N streamed entries the chart folds in (the whole buffer when unset): the upserts of older entries revert to the data entries.

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

visualMap

A visual-map binding; it overrides colors / value-min / value-max while bound.

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

• VisualMapBinding

  타입 정의

zoom

Viewport zoom (Storybook parity, 2026-09-10) — the zoom attribute the cartesian charts carry: a mode ('x' | 'y' | 'xy'), true (x) or an object (mode / drag / keyboard / minRangePx / resetButton / pan / wheel / pinch / inside); off by default. The strip (the plot between the label bands) is the drawing rectangle — x runs 0 → 1 left to right over the weeks, y 0 → 1 bottom to top over the weekday rows — and the day cells are magnified into the window (their gap keeps its screen size); weeks and rows outside it leave the strip, the month lines, the labels and the hover / focus rings follow the visible cells. zoomTo / zoomBy / panBy / resetZoom work regardless of the gesture switches. Property-only (a mode string also works as an attribute).

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

• CartesianZoomInput

  타입 정의

engine

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

• CalendarHeatmapEngineMode

  타입 정의

unavailable

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

• CalendarHeatmapUnavailableBehaviour

  타입 정의

rendered

Every drawn frame; engine is the engine status (requested / effective / code / the governing license feature).

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

chart.addEventListener('rendered', event => {
  console.log(event.detail); // CalendarHeatmapRenderResult & { tier: CalendarHeatmapEngineTier; engine?: ChartEngineStatus }
});

• CalendarHeatmapRenderResult

  타입 정의

• CalendarHeatmapEngineTier

  타입 정의

• ChartEngineStatus

  타입 정의

pointClick

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

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

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

• CalendarHeatmapPointEventDetail

  타입 정의

pointHover

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

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

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

• CalendarHeatmapPointEventDetail

  타입 정의

pointContextMenu

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

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

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

• ChartPointContextMenuEventDetail

  타입 정의

• CalendarHeatmapPointEventDetail

  타입 정의

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
});

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

Every zoom / pan change (drag, pan, wheel, pinch, keyboard, API, reset).

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

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

• CartesianZoomChangeEventDetail

  타입 정의

getDataTable

Current normalized table, including the retained stream; independent of GPU availability.

getDataTable(): Promise<ChartDataTable>

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

• ChartDataTable

  타입 정의

redraw

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

redraw(): Promise<CalendarHeatmapRenderResult>

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

• CalendarHeatmapRenderResult

  타입 정의

getActiveTier

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

getActiveTier(): Promise<CalendarHeatmapEngineTier>

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

• CalendarHeatmapEngineTier

  타입 정의

getUnavailableReason

Why the WebGPU renderer could not run (the fallback notice's reason); undefined when nothing fell back.

getUnavailableReason(): Promise<string | undefined>

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

setData

Replace the bar set.

setData(data: CalendarHeatmapData): Promise<void>

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

• CalendarHeatmapData

  타입 정의

appendPoint

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

appendPoint(entry: CalendarHeatmapEntry): Promise<void>

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

• CalendarHeatmapEntry

  타입 정의

appendBatch

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

appendBatch(entries: ReadonlyArray<CalendarHeatmapEntry>): Promise<void>

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

• CalendarHeatmapEntry

  타입 정의

shift

Drop the count oldest STREAMED entries (the data prop's entries are not a 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(entries: ReadonlyArray<CalendarHeatmapEntry>): Promise<void>

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

• CalendarHeatmapEntry

  타입 정의

getStreamSource

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

getStreamSource(): Promise<CalendarHeatmapStreamSource | undefined>

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

• CalendarHeatmapStreamSource

  타입 정의

setAnimation

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

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

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

• CalendarHeatmapEasing

  타입 정의

• CalendarHeatmapAnimationType

  타입 정의

pauseAnimation

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

pauseAnimation(): Promise<void>

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

resumeAnimation

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

resumeAnimation(): Promise<void>

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

replayAnimation

Replay the initial sweep from min → value(s). No-op when animation is off / reduced.

replayAnimation(): Promise<void>

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

hitTest

The day under host-relative CSS coordinates, or null (outside the strip, or a corner cell outside the range).

hitTest(cssX: number, cssY: number): Promise<CalendarHeatmapPointEventDetail | null>

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

• CalendarHeatmapPointEventDetail

  타입 정의

getCellValue

The folded value of a day (null for a day without entries or outside the range).

getCellValue(date: CalendarDateInput): Promise<number | null>

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

• CalendarDateInput

  타입 정의

getValueExtent

The data's extent (the fill never counts).

getValueExtent(): Promise<CalendarHeatmapValueExtent | null>

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

• CalendarHeatmapValueExtent

  타입 정의

getGridSize

Columns × rows of the current grid.

getGridSize(): Promise<{ weeks: number; rows: number; cells: number; days: number; valued: number; entries: number; dropped: number }>

반환 타입: Promise<{ weeks: number; rows: number; cells: number; days: number; valued: number; entries: number; dropped: number }>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

getRange

The resolved range.

getRange(): Promise<CalendarHeatmapRange>

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

• CalendarHeatmapRange

  타입 정의

getMonthMarks

The month marks (labels + boundary anchors).

getMonthMarks(): Promise<CalendarMonthMark[]>

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

• CalendarMonthMark

  타입 정의

showTooltipAtCell

open the tooltip on a cell (week / weekday), honouring the tooltip input; null when the tooltip is off or the cell has no day.

showTooltipAtCell(week: number, weekday: number): Promise<CartesianTooltipEventDetail | null>

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

• CartesianTooltipEventDetail

  타입 정의

showTooltipAtDate

open the tooltip on a day (null outside the range).

showTooltipAtDate(date: CalendarDateInput): Promise<CartesianTooltipEventDetail | null>

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

• CartesianTooltipEventDetail

  타입 정의

• CalendarDateInput

  타입 정의

showTooltipAtIndex

open the tooltip on a cell by its public index (week * 7 + weekday; the facade's showTooltipAtPoint).

showTooltipAtIndex(index: number): Promise<CartesianTooltipEventDetail | null>

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

• CartesianTooltipEventDetail

  타입 정의

hideTooltip

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

hideTooltip(): Promise<void>

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

focusCellAt

move the keyboard focus ring to a cell and announce it (null for a cell without a day).

focusCellAt(week: number, weekday: number): Promise<CalendarHeatmapPointEventDetail | null>

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

• CalendarHeatmapPointEventDetail

  타입 정의

focusDate

move the keyboard focus ring to a day (null outside the range).

focusDate(date: CalendarDateInput): Promise<CalendarHeatmapPointEventDetail | null>

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

• CalendarHeatmapPointEventDetail

  타입 정의

• CalendarDateInput

  타입 정의

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: value = the day values, x = the week columns, y = the weekday rows, index = the cells.

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

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

• VisualMapExtent

  타입 정의

• VisualMapExtentRequest

  타입 정의

zoomTo

Zoom to explicit windows of the strip (x / y as { min, max } or [min, max] fractions 0 … 1; null clears that orientation).

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 fractions of the strip ({ 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 of the viewport axes ([0, 1] each, key '0').

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

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

• CartesianZoomExtentDetail

  타입 정의

• CartesianZoomExtentRequest

  타입 정의

getEngineStatus

Requested engine vs what runs, and why (CHART-ADD-08): the decision for the current inputs, read without side effects (ProChartLicense.engineStatus); a renderer that failed at run time reports engine-unsupported.

getEngineStatus(): Promise<ChartEngineStatus>

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

• ChartEngineStatus

  타입 정의