@finchart

Appearance

Documentation / @finchart/core / AxisBadge

Interface: AxisBadge ​

Defined in: packages/core/src/axis/labels.ts:15

축 위에 올릴 라벨 하나 — 눈금이 아니라 장식의 것이다. 크로스헤어 값 박스, price line 라벨이 이 모양으로 온다.

장식이 직접 그리지 않고 서술만 하는 이유: 눈금이 DOM에 있을 때 캔버스에 그린 박스는 그 눈금을 덮을 수 없다. 배지는 정확히 눈금을 덮으라고 있는 것이라 눈금을 그리는 쪽이 배지도 그려야 하고, 그래서 라벨 렌더러의 입력이다. 색이 확정값인 것도 같은 이유 — 서술자를 만드는 장식이 CSS 변수를 해석하고, 렌더러는 고르지 않는다.

Properties ​

axis ​

axis: "x" | "y"

Defined in: packages/core/src/axis/labels.ts:16

back ​

back: string

Defined in: packages/core/src/axis/labels.ts:21

배경색. 배경을 반드시 갖는 것이 눈금과의 차이다.

color ​

color: string

Defined in: packages/core/src/axis/labels.ts:22

label ​

label: string

Defined in: packages/core/src/axis/labels.ts:19

position ​

position: number

Defined in: packages/core/src/axis/labels.ts:18

Tick.position과 같은 공간(절대 px) — x축이면 화면 x, y축이면 화면 y.