@finchart

Appearance

Documentation / @finchart/core / StyleVar

Interface: StyleVar<T> ​

Defined in: packages/core/src/render/style-spec.ts:10

CSS 변수 하나가 확정값이 되는 법. 키가 값이다 — 이름·기본값·파싱 방법이 한 객체에 묶이고, 그 객체는 자기를 쓰는 시리즈 옆에 산다.

파싱 방법은 따로 안 적는다 — fallback의 타입이 정한다.

Type Parameters ​

T ​

T extends number | string

Properties ​

css ​

readonly css: string

Defined in: packages/core/src/render/style-spec.ts:17

읽을 커스텀 프로퍼티. 규약은 --chart-* 하나다.

잎은 반드시 이것을 갖는다 — 변수 없는 기본값은 잎이 아니라 코드 상수다. override > 변수 > 기본값 3단에 참여하는 것만 스펙에 들어온다.

fallback ​

readonly fallback: T

Defined in: packages/core/src/render/style-spec.ts:19

변수도 덮어쓰기도 없을 때.

range? ​

readonly optional range?: T extends number ? readonly [number, number] : never

Defined in: packages/core/src/render/style-spec.ts:25

숫자만. CSS에서 온 값을 이 구간으로 강등한다 — CSS는 명백히 바깥이다. --chart-candle-body-ratio: 3이 몸통을 슬롯의 3배로 만들지 않게.