效果图

K线图HQChart使用教程25- 叠加多个品种设置_HQChart使用教程
走势图
HQChart使用教程25- 叠加多个品种设置_HQChart使用教程_02
多日走势图
HQChart使用教程25- 叠加多个品种设置_HQChart使用教程_03

叠加品种功能介绍

在K线图中我们需要通过叠加其他的股票或指数来比较2者在一段时间内的增长速度, 基于这个需求,如果只是把2个品种的K线数据展示出来不够的,需要把比较的品种在窗口显示的第1个数据需要重合,后续数据基于第1个数据的百分比来计算,这样就可以很容易的通过图形看出哪个品种走势更好。所以叠加品种了以后HQChart右边会自动调整为百分比刻度。
叠加品种显示图形支持空心阳线实心阳线美国线收盘价线
支持叠加数据tooltip显示(只有pc端支持)

SetOption配置叠加品种

通过设置Overlay来配置多个叠加品种

var option=
{
	Type:'历史K线图',
	......
	
	Overlay:
    [
        {Symbol:'000001.sh', DrawType:0},   
        {Symbol:'002415.sz', DrawType:1}
    ]
    .........
}

Overlay 叠加品种数组
Symbol 叠加的股票代码
DrawType叠加图形类型 0=实心K线 1=收盘价线 2=美国线 3=空心K线 (可选 默认跟随K线的图形一致)
Color 线段颜色 (可选)不填随机选一个颜色 (版本号>7722)

动态设置叠加品种设置

OverlaySymbol(symbol,option)

增加一个叠加品种
symbol 股票代码
option 叠加设置 (可选)

  1. DrawType:叠加图形类型 (K线才有)
  2. Color: 线段颜色 可选,不填随机选一个颜色 (版本号>7722)

DeleteOverlaySymbol(symbol)

删除一个叠加品种
symbol 删除的股票代码

ClearOverlaySymbol()

删除所有的叠加品种

如果还有问题可以加交流QQ群: 950092318

HQChart代码地址
地址:https://github.com/jones2000/HQChart