K 线图（蜡烛图）

效果

在线预览

在线模拟尺寸:

基本用法

数据需包含 start（开盘）、end（收盘）、max（最高）、min（最低）四个字段。

{
  data: [
    { date: '12/01', start: 100, end: 108, max: 112, min: 98 },
    { date: '12/02', start: 108, end: 103, max: 110, min: 101 },
    { date: '12/03', start: 103, end: 115, max: 118, min: 102 },
    { date: '12/04', start: 115, end: 110, max: 116, min: 107 }
  ],
  series: [{
    type: 'k',
    xField: 'date'
  }]
}

• 收盘 >= 开盘 → 涨（红色）
• 收盘 < 开盘 → 跌（绿色）

数据字段规范

字段	说明
xField 对应字段	时间/日期标签
start	开盘价
end	收盘价
max	最高价
min	最低价

系列配置项

属性	类型	默认值	说明
type	string	-	固定 'k'
xField	string	-	日期/时间字段