Documentation / @finchart/core / ChartLayers

Interface: ChartLayers

Defined in: packages/core/src/render/types.ts:161

차트가 컨테이너 안에 세우는 레이어들.

데이터는 캔버스에 그리고, annotation·tooltip처럼 DOM 이벤트와 접근성이 필요한 것은 오버레이에 올린다. 캔버스를 다시 그려도 오버레이는 살아남는다.

Properties

data

readonly data: DrawSurface

Defined in: packages/core/src/render/types.ts:162

---

overlay

readonly overlay: unknown

Defined in: packages/core/src/render/types.ts:170

annotation·DOM 라벨·구분자가 올라가는 층. 코어는 이것이 무엇인지 모른다 — 브라우저 레이어는 요소를 넣고, headless 레이어는 null을 넣고, 코어는 전달만 한다. 오버레이를 요구하는 협력자(DOM 라벨·구분자· legend·tooltip)가 문에서 좁히고(requireOverlayElement), 아니면 배선 오류로 던진다.

Methods

destroy()

destroy(): void

Defined in: packages/core/src/render/types.ts:191

Returns

void

---

resize()

resize(width, height): void

Defined in: packages/core/src/render/types.ts:178

이 크기에 맞춘다. 바뀐 게 없으면 아무것도 하지 않아야 한다.

차트가 매 프레임 그리기 직전에 부른다. 캔버스는 백킹 스토어를 다시 잡는 순간 비트맵이 지워지므로, 지우는 시점과 그리는 시점이 벌어지면 그 사이에 빈 화면이 보인다 — 리사이즈 중에 깜빡이는 것이 그것이다.

Parameters

width

number

height

number

Returns

void

---

screenshot()?

optional screenshot(): string

Defined in: packages/core/src/render/types.ts:184

지금 픽셀을 PNG dataURL로. 캔버스가 있는 레이어만 있다 — 픽셀의 주인이 레이어라서 여기다. headless 레이어에는 찍을 픽셀이 없다. DOM 라벨 배선이면 라벨이 빠진 그림이 나온다.

Returns

string

---

setCursor()?

optional setCursor(cursor): void

Defined in: packages/core/src/render/types.ts:190

포인터가 닿는 면의 커서 모양. null이면 해제. 커서의 주인이 레이어다 — 픽셀과 같은 이유로 여기다. headless 레이어에는 보여 줄 커서가 없어 생략하고, 부르는 쪽(Plot)은 없으면 지나간다.

Parameters

cursor

string | null

Returns

void