如何创建移动筹码图

效果图

使用HQChart 我们可以快速的创建与K线图联动的筹码图。
具体筹码算法请查看设计教程:
如何(c++,js)写一个传统的K线图和走势图5 - 移动筹码图

demo地址:https://opensource.zealink.com/hqweb/demo/phone18.html
HQChart使用教程22-如何创建移动筹码图_HQChart使用教程

筹码图创建配置

只需要在历史K线图SetOption() 把筹码的配置信息也传入就可以创建筹码图, 配置信息如下:

var option=
{
   Type:'历史K线图',
   ......
    ExtendChart:    //扩展图形
    [
        { Name:'筹码分布', ShowType:1, IsShowX:true , ShowXCount:3, Width:250 }
    ],
配置信息说明

ExtendChart: 用于创建与行情相关的额外图形,数组类型.
Name:图形名称 ‘筹码分布’ 固定的。
ShowType: 筹码分布3种显示方式 0=默认筹码分布图,1=远期筹码分布图 2=近期筹码分布图
IshowX: 筹码图中是否显示X轴刻度(成交量刻度) (可选 默认false)
ShowXCount : 显示几个X轴刻度 (可选 默认3)
Width: 筹码图宽度 (可选 默认230)
CalculateType 成本算法 0=平均分布 1=三角分布

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

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