React component
Props of <KLineChartWC>, generated from the React wrapper.
Generated from
packages/react/src/KLineChartWC.tsx at the pinned commit.KLineChartWC renders the <kline-chart> custom element and registers it on the client. It forwards the props below as attributes and listens for the two events; other Vue props are not exposed.
Props
| Prop | Type | Attribute | Description |
|---|---|---|---|
yPaddingPx | number | y-padding-px | Vertical padding inside the price pane, in CSS pixels. |
minKWidth | number | min-k-width | Narrowest candle width when zoomed out, in CSS pixels. |
maxKWidth | number | max-k-width | Widest candle width when zoomed in, in CSS pixels. |
rightAxisWidth | number | right-axis-width | Width of the right price axis. |
bottomAxisHeight | number | bottom-axis-height | Height of the bottom time axis. |
priceLabelWidth | number | price-label-width | Extra width of the last-price label, used for the change percentage. |
zoomLevels | number | zoom-levels | Number of zoom levels. |
initialZoomLevel | number | initial-zoom-level | Zoom level at mount, from 1 to zoomLevels. |
isFullscreen | boolean | is-fullscreen | Controlled fullscreen state. Leave it unbound and the component manages fullscreen itself. |
onZoomLevelChange | (detail: { level: number; kWidth: number }) => void | — | Listens for zoom-level-change. Receives the event's detail, which Vue dispatches as the emit arguments [level, kWidth]. |
onToggleFullscreen | () => void | — | Listens for toggle-fullscreen. |
style | CSSProperties | — | Applied to the host element. |
className | string | — | Applied to the host element. |