小银

地址：github.com/jones2000/HQChart

每个品种都有自己的默认数量单位， 可能会跟原始的数量单位不一致， 比如A股的数量单位是股， 但我们一般展示会使用手（1手=100股）。这样就会有一个转换的单位过程。重载MARKET_SUFFIX_NAME.GetVolUnit(upperSymbol) 就可以。,它会返回这个品种原始数据单位跟显示的数据单位的比值。HQChart插件内置一个获取单位的函数。如果需要加其他品种的单位。交流方式见git首页。

事件名称，提示框显示的时候会触发这个监听事件。HQChart使用教程5- K线图控件操作函数说明//部分示例},.......//设置K线配置回调函数格式event:事件信息data: { AryText:需要显示的数据, Data:当前K线数据, HQChart:插件实例 }obj: tooltip实例//显示的数据//K线数据//字段格式var item=Title:"字段1", //名称Text:'99999万', //内容。

直接用js手动创建全局的DOM，可以全屏拖动。默认这些对话框都是关闭的，需要手动开启才能使用。鼠标在图形上显示提示信息， 如K线上， 图标，信息地雷上等等。指标切换，增加叠加指标，增加指标窗口都会调用这个对话框。显示十字光标所在位置的K线或分时信息。交流QQ群：719525615。

目前内置1.0版本只支持切换股票， 后续会增加快捷键，切换指标等功能。键盘精灵是一种便捷操作软件的功能工具，通过按键实现快速功能操作。如果还有问题可以加交流QQ群， 群号在git首页可以找到。“mousedown” 用来处理点击其他区域隐藏键盘精灵。“keydown” 用来处理键盘输入。设置键盘精灵选中事件。

把上面的指标添加到HQChart的系统指标里面，这样图形上就可以直接使用了。具体见教程HQChart使用教程28-如何创建系统指标。

事件ID如何注册事件详见教程HQChart使用教程5- K线图控件操作函数说明中的注册K线图事件监听},

根据官方文档，disable-scroll 属性是控制画布手势是否可以滚动页面。这里我在手势点击画布的时候，做一个是否开启|关闭滚动页面的逻辑。如果还有问题可以加交流QQ群， 群号在git首页可以找到。

HorizontalReserved：{ Top:顶部预留 , Bottom:底部预留 } ，可以只填一个，或2个都填。顶部预留间距(3)和底部预留间距(5) 这个部分是算在Y轴坐标上的。

data={ CommandID:菜单ID, Args:参数，SrcData：原始数据, PreventDefault:是否阻止默认事件 }如果不希望使用内置菜单，可以通过关闭内置右键菜单，然后注册右键事件直接在外部自己做。启动内置菜单2.0版本，(内置菜单也可以用在其它如下拉菜单等地方)HQChart h5版本内置提供一个仿通达信的右键菜单。下面的例子就是在内置的菜单里面增加一项“自定义菜单项"菜单。在创建右键菜单回调事件我们可以手动修改菜单显示的内容。所有菜单事件都会触发这个回调。

Worker 接口是 Web Workers API 的一部分，指的是一种可由脚本创建的后台任务，任务执行中可以向其创建者收发信息。

在创建完K线图和滚动条以后需要互相绑定，这样两个图形才能互相联动.通过OnCreatedCallback创建完成回调函数来完成绑定。滚动条是一个独立的画布， 所有需要新建一个新的div。通过setoption来创建滚动条。

调整画布大小，并把当前的画布大小设置到hqchart里面，然后调用hqchart实例的OnSize()函数就可以。调整画布大小，并把当前的画布大小设置到hqchart里面，然后调用hqchart实例的OnSize()函数就可以。在不销毁hqchart实例的情况下，动态调整K线图或分时图的大小， 如下图，把图1的K线图大小调整为图2的大小。调整绑定的div的大小 然后调用hqchart实例的OnSize()函数就可以。

不与K线缩放绑定左箭头右箭头上箭头下箭头。

hqchart指标函数帮助文档

散点图

新版的HQChart增加了鼠标点击选中图形功能，可以选中K线，叠加K线，指标线段等。也支持拖拽指标图形到不同的指标窗口。

使用HQChart插件创建K线图小程序例子

HQChart使用教程93-如何创建报价列表报价列表初始化报价列表jsvueOption的配置项说明TypeSymbolNameIsAutoUpdateAutoUpdateFrequencyColumnTypeTitleTextAlignIDMaxTextDataIndexDecimalFormatTypeBorderIsShowHeaderKeyDownWheel配色表格事件数据需要数据接口第3方数据对接教程QQ群: 950092318HQChart代码地址报价列表传统PC终端的报价列表。支持固定

HQChart使用教程92-如何创建分笔明细表成交明细初始化成交明细Option的配置项说明TypeSymbolIsAutoUpdateAutoUpdateFrequencyColumnTypeTitleTextAlignBorderHQChart代码地址成交明细键盘支持Up/Down 翻页滚轴上下 翻页注意 目前成交明细只支持PC页面。初始化成交明细<div id="deal" style="width: 900px;height:400px;"></div>..

HQChart使用教程91-如何在app中使用DRAWICON绘制图片DRAWICON函数说明限制外部DRAWICON回调效果图注册DRAWICON外部绑定事件事件ID参数说明外部图标渲染函数opobj交流QQ群: 950092318HQChart代码地址DRAWICON函数说明指标的绘图函数， 使用SVG图片。用法：DRAWICON(COND,PRICE,TYPE),当COND条件满足时,在PRICE位置画TYPE号图标(TYPE为1–46)。例如：DRAWICON(CLOSE>OPEN,

HQChart使用教程89-DRAWTEXT添加连线需求图连接K线函数CKLINE实例图1实例脚本图2实例脚本DRAWTEXT,DRAWNUMBER扩展功能交流QQ群: 950092318HQChart代码地址需求图把DRAWTEXT或DRAWNUMBER输出的文字和K线连接起来。效果见下图图1图2连接K线函数CKLINE和DRAWTEXT或DRAWNUMBER连用， 在输出的文字后绘制线段连接K线的最高或最低价CKLINE(color, linewidth, linetype, dott

HQChart使用教程89-k线周期倒计时接口需求步骤1. 开启Y轴倒计时功能2. 注册倒计时监听事件3. 倒计时回调函数参数说明4. 创建一个倒计时的DOM注意事项交流QQ群: 950092318HQChart代码地址需求在K线的最后一个数据上显示， 这个周期的结束时间倒计时。效果图如下：步骤1. 开启Y轴倒计时功能在setoption里面配置Y轴倒计时配置第一个指标框架下，Y轴最新价格刻度增加"CountDown":truethis.Option= { Type:'历史K线图

HQChart使用教程30-K线图如何对接第3方数据34-分钟K线叠加品种拖拽下载历史数据叠加品种第3方数据替换协议名称-拖拽1分钟K线数据下载协议日志截图overlay返回json数据结构叠加品种数据overlayQQ群: 950092318HQChart代码地址叠加品种HQChart支持叠加品种。教程查看HQChart使用教程25- 叠加多个品种设置如果叠加了品种以后， 又开启了拖拽下载历史数据， 这样拖拽的时候触发数据下载事件也需要把叠加品种的数据也下载下来。 在原来拖拽数据下载的协议里面把叠加

HQChart使用教程30-K线图如何对接第3方数据33-日线叠加品种拖拽下载历史数据叠加品种第3方数据替换协议名称-拖拽日K数据下载协议日志截图overlay返回json数据结构叠加品种数据overlayQQ群: 950092318HQChart代码地址叠加品种HQChart支持叠加品种。教程查看HQChart使用教程25- 叠加多个品种设置如果叠加了品种以后， 又开启了拖拽下载历史数据， 这样拖拽的时候触发数据下载事件也需要把叠加品种的数据也下载下来。 在原来拖拽数据下载的协议里面把叠加数据也返回

HQChart商用使用说明及用户使用协议增加醒目的提醒文字HQChart用户使用协议内置数据说明商用去掉提醒文字技术支持HQChart代码地址增加醒目的提醒文字HQChart使用Apache License 2.0允许免费商用及修改源码。但由于HQChart是一个金融行业的标准插件，所以1.17022版本以后默认会在UI界面上增加”仅学习使用“文字，避免作者连带承担使用者商用化以后造成的法律责任，或被不法分子利用的犯罪工具。HQChart用户使用协议

HQChart使用教程88-DRAWTEXT添加背景色及边框需求图DRAWTEXTBACKGROUND参数说明例子没有背景色，只有边框背景色，没有边框ALIGN1,VALIGN0小结交流QQ群: 950092318HQChart代码地址需求图DRAWTEXT显示文字;在指标排序中显示字符串栏目.用法:DRAWTEXT(COND,PRICE,TEXT),当COND条件满足时,在PRICE位置书写文字TEXT.例如:DRAWTEXT(CLOSE/OPEN>1.08,LOW,‘大阳线’)表示

HQChart使用教程30-K线图如何对接第3方数据32-订单流样例HQChart订单流数据结构OrderPriceAskBidHBarPriceOffsetHighLow数据对接全量分钟K线数据全量日K数据更新分钟K线数据更新日K数据订单流切换交流QQ群: 950092318HQChart代码地址完整例子样例https://opensource.zealink.com/hqweb/demo/demo_orderflow.htmlHQChart订单流数据结构订单流是单独一个结构体， 1跟K线一个这

HQChart插件模式源码调试配置HQChart开发说明HQChart插件HQChart插件目录说明libsrcVUE源码调试配置2021年最后一篇教程，感谢大家这1年对hqchart的支持，祝大家新年快乐。交流QQ群: 950092318HQChart代码地址HQChart开发说明开发语言: 纯js， 只需要记事本+浏览器（f12)就可以开发调试。设计模型：使用面对对象的设计开发的。 所有的东西都设计成类的模式。依赖：只使用了jquery1）使用jquery做为网络通讯，内部以封装了一层网络

HQChart使用教程86-技术指标OX图OX图OX图OX图，又称为点数图（Point and Figure Chart）。OX图出自维克托·德维利尔斯1933年出版的《点数图法预测股价变化》一书，是用圈“O”和叉“X”来表示价格升跌的一种图表。与K线图、量价图等图表截然不同，注重价格在一定价位上的表现，而不记录价格随时间的变化过程，也不考虑成交量的情况。OX图的作图规则，是由“格值”确定的。每当股价的上升达到格值幅度时，就用一个“X”表示；当下降达到格值幅度时，就用一个“O”表示。...

HQChart使用教程30-K线图如何对接第3方数据31-获取指定品种的K线数据获取指定品种的K线数据通达信语法$hqchart内置函数脚本例子协议名称-指定个股数据协议日志截图字段说明Request.Data.dateRangeRequest.Data.periodRequest.Data.rightRequest.Data.symbol返回json数据结构日K数据结构分钟K线结构交流QQ群: 950092318HQChart代码地址获取指定品种的K线数据通达信语法$例如:"000014CLOSE"

HQChart使用教程85-股票复权计算什么是复权复权形式前复权后复权复权算法简单复权精确复权HQChart复权配置后台计算复权前端计算复权简单复权复权因子交流QQ群: 950092318HQChart代码地址什么是复权所谓复权就是对股价和成交量进行权息修复,按照股票的实际涨跌绘制股价走势图,并把成交量调整为相同的股本口径。股票除权、除息之后，股价随之产生了变化，但实际成本并没有变化。如：原来20元的股票，十送十之后为10元，但实际还是相当于20元。从K线图上看这个价位看似很低，但很可能就是一个历史高位

HQChart使用教程84-十字光标右侧按钮事件十字光标右侧按钮开启十字光标右侧按钮注册监听按钮点击事件回调函数参数说明回调函数eventdataButtonButton.DataButton.Recteobj交流QQ群: 950092318HQChart代码地址十字光标右侧按钮HQChart十字光标提供一个内置的十字光标按钮，可以通过这个按钮增加对应的功能，如在十字光标位置的价格位置点击卖出或买入股票， 或弹菜单等等。按钮效果图开启十字光标右侧按钮在setoption里面设置CorssCur

HQChart使用教程30-K线图如何对接第3方数据30-即时行情数据DYNAINFO即时行情数据协议名称-变量数据下载协议日志截图![在这里插入图片描述](https://img-blog.csdnimg.cn/e41210c3cedc43b186285d11efeae2d5.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAam9uZXMyMDAw,size_20,color_FFF

解决Chrome本地调试跨域跨域插件1. 安装2. 插件在地址栏显示3. 启动插件4. 设置本地调试跨域HQChart代码地址跨域插件使用chrome插件“Allow CORS: Access-Control-Allow-origin ”来解决跨域问题。1. 安装在chrome安装这个插件https://mybrowseraddon.com/access-control-allow-origin.html装完以后在插件里面就可以看到这个。2. 插件在地址栏显示点击pin图标，然后插件显示是地

HQChart使用教程30-K线图如何对接第3方数据29-板块字符串函数数据[GNBLOCK,GNBLOCKNUM......]板块字符串函数协议名称-变量数据下载协议日志截图Request 字段说明VariantNamesymboldaterange返回json数据结构DataINBLOCKDataType部分demo代码交流QQ群: 950092318HQChart代码地址板块字符串函数通达信的指标提供的一组获取股票对应的板块信息的函数HYBLOCK 所属行业板块DYBLOCK 所属地域GNB

HQChart使用教程83-K线图最高最低价显示配置K线图最高最低价是否显示最高最低加颜色配置配置位置例子交流QQ群: 950092318HQChart代码地址K线图最高最低价HQChart支持最高最低价颜色，字体，Y轴上下偏移，左右箭头配置是否显示最高最低加var option={ KLine: { IsShowMaxMinPrice: true/false }}颜色配置修改配置详见：HQChart使用教程4- 如何自定义K线图颜色风格配置位置.......th

HQChart使用教程82-动态修改叠加指标参数叠加指标参数步骤1. 获取所有叠加指标实例2. 修改你需要的指标参数3. 更新修改的叠加指标完整demo代码交流QQ群: 950092318HQChart代码地址叠加指标参数hqchart目前UI上没有修改叠加指标参数按钮，如果你需要增加叠加指标参数修改按钮是自己做一个div放到每个指标窗口上，具体可以看教程HQChart使用教程80-自定义指标标题信息步骤1. 获取所有叠加指标实例叠加指标存放在每个窗口框架OverlayIndex变量里面,是一个数

HQChart使用教程81-自定义指标窗口高度指标窗口高度自定义窗口高度步骤1. 注册图形创建完成回调2. 重载内置的指标窗口计算函数3. 实现自己的窗口高度计算交流QQ群: 950092318HQChart代码地址个人爱好摄影/模型指标窗口高度内置的指标窗口是使用窗口比例来动态调整每个窗口的高度。详见教程 HQChart使用教程1- 如何快速创建一个K线图页面 Frame.Height自定义窗口高度如果我们需要用指定某一个窗口高度为固定高度的， 那使用内置的窗口高度比是无法实现的， 我们就需要重载

HQChart使用教程80-自定义指标标题信息指标标题demo地址自定义显示步骤关闭内置的指标标题显示注册指标信息回调事件回调事件参数说明eventdataobj完整demo代码交流QQ群: 950092318HQChart代码地址指标标题显示当前指标及十字光标所在位置的指标数据. 内置是使用画布画上去的. HQChart也支持外部自定义一个div来显示内容demo地址https://opensource2.zealink.com/hqweb/demo/demo_indextitle.html