开发预览 更新于 2026-05-10

CandlestickChart K 线图

OHLC 蜡烛图,涨绿跌红,wick + body。

基础用法

数据通过 props 传入,纯 SVG 渲染,无第三方图表库依赖。 配色取自 --viz-1..8 token,色盲友好。

<CfCandlestickChart ... />
<CfCandlestickChart ... />

上行 / 下行趋势

红绿涨跌染色由 close >= open 自动判定,wick 与 body 同色。

↑ 上行
↓ 下行
<CfCandlestickChart :data="ohlc" />
<CfCandlestickChart data={ohlc} />

API

属性类型默认值说明
dataCandle[]{ open, high, low, close, label? }[]

反馈与讨论

CandlestickChart K 线图 的讨论

0
0 / 600
一键发送
正在加载评论...