HQChart使用教程22-如何创建移动筹码图

效果图

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

demo地址：
https://jones2000.github.io/HQChart/webhqchart.demo/samples/kline_index_edit.html

最新版本的h5支持手机端筹码图

筹码图创建配置

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

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

配置信息说明

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

HQChart代码地址

地址：https://github.com/jones2000/HQChart
交流方式见git首页