K线图

K线是默认的价格序列:每根 K线在开盘价与收盘价之间绘制实体,并向最高价和最低价延伸出上下影线,按涨跌着色。它是解读价格时信息密度最高的方式,也是大多数图表的起点。

在线演示

设置

添加一个 CandlestickSeries,并向其提供 { time, open, high, low, close } 数据点(time 为 Unix 秒):

const chart = SSChart.createChart(document.getElementById('chart'), {
  timeScale: { timeVisible: true },
});

const series = chart.addSeries(SSChart.CandlestickSeries, {
  upColor: '#26a69a',
  downColor: '#ef5350',
  borderUpColor: '#26a69a',
  borderDownColor: '#ef5350',
  wickUpColor: '#26a69a',
  wickDownColor: '#ef5350',
});

series.setData(candles.map(c => ({
  time: c.time, open: c.open, high: c.high, low: c.low, close: c.close,
})));

chart.timeScale().fitContent();

调用 series.update({ time, open, high, low, close }) 可推送实时 K线:使用相同的时间戳会替换最后一根 K线,使用更新的时间戳则会追加一根新 K线。

另请参阅