JavaScript
文章平均质量分 83
HQChart
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
HQChart实战教程67-worker批量计算股票指标
Worker 接口是 Web Workers API 的一部分,指的是一种可由脚本创建的后台任务,任务执行中可以向其创建者收发信息。原创 2023-11-01 17:23:47 · 647 阅读 · 0 评论 -
HQChart使用教程97-K线X轴滚动条
在创建完K线图和滚动条以后需要互相绑定,这样两个图形才能互相联动.通过OnCreatedCallback创建完成回调函数来完成绑定。滚动条是一个独立的画布, 所有需要新建一个新的div。通过setoption来创建滚动条。原创 2023-10-31 10:00:30 · 714 阅读 · 0 评论 -
简单的js开发- js文件合并
js开发原创 2022-11-05 13:50:22 · 863 阅读 · 0 评论 -
HQChart使用教程30-K线图如何对接第3方数据36--散点图
散点图原创 2022-09-19 23:43:33 · 911 阅读 · 0 评论 -
HQChart使用教程96-指标图形双击
新版的HQChart增加了鼠标点击选中图形功能,可以选中K线,叠加K线,指标线段等。也支持拖拽指标图形到不同的指标窗口。原创 2022-07-12 07:46:03 · 1305 阅读 · 0 评论 -
HQChart钉钉小程序教程1-创建K线图
使用HQChart插件创建K线图小程序例子原创 2022-06-10 18:37:40 · 1768 阅读 · 0 评论 -
HQChart使用教程90-DRAWTEXT添加连线
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原创 2022-03-26 10:09:19 · 1449 阅读 · 0 评论 -
HQChart使用教程89-最后一根k线倒计时功能
HQChart使用教程89-k线周期倒计时接口需求步骤1. 开启Y轴倒计时功能2. 注册倒计时监听事件3. 倒计时回调函数参数说明4. 创建一个倒计时的DOM注意事项交流QQ群: 950092318HQChart代码地址需求在K线的最后一个数据上显示, 这个周期的结束时间倒计时。效果图如下:步骤1. 开启Y轴倒计时功能在setoption里面配置Y轴倒计时配置第一个指标框架下,Y轴最新价格刻度增加"CountDown":truethis.Option= { Type:'历史K线图原创 2022-03-22 23:12:21 · 2088 阅读 · 0 评论 -
HQChart使用教程30-K线图如何对接第3方数据34-分钟K线叠加品种拖拽下载历史数据
HQChart使用教程30-K线图如何对接第3方数据34-分钟K线叠加品种拖拽下载历史数据叠加品种第3方数据替换协议名称-拖拽1分钟K线数据下载协议日志截图overlay返回json数据结构叠加品种数据overlayQQ群: 950092318HQChart代码地址叠加品种HQChart支持叠加品种。教程查看HQChart使用教程25- 叠加多个品种设置如果叠加了品种以后, 又开启了拖拽下载历史数据, 这样拖拽的时候触发数据下载事件也需要把叠加品种的数据也下载下来。 在原来拖拽数据下载的协议里面把叠加原创 2022-03-01 17:59:46 · 747 阅读 · 0 评论 -
HQChart使用教程30-K线图如何对接第3方数据33-日线叠加品种拖拽下载历史数据
HQChart使用教程30-K线图如何对接第3方数据33-日线叠加品种拖拽下载历史数据叠加品种第3方数据替换协议名称-拖拽日K数据下载协议日志截图overlay返回json数据结构叠加品种数据overlayQQ群: 950092318HQChart代码地址叠加品种HQChart支持叠加品种。教程查看HQChart使用教程25- 叠加多个品种设置如果叠加了品种以后, 又开启了拖拽下载历史数据, 这样拖拽的时候触发数据下载事件也需要把叠加品种的数据也下载下来。 在原来拖拽数据下载的协议里面把叠加数据也返回原创 2022-03-01 17:51:14 · 923 阅读 · 0 评论 -
HQChart使用教程88-DRAWTEXT添加背景色及边框
HQChart使用教程88-DRAWTEXT添加背景色及边框需求图DRAWTEXTBACKGROUND参数说明例子没有背景色,只有边框背景色,没有边框ALIGN1,VALIGN0小结交流QQ群: 950092318HQChart代码地址需求图DRAWTEXT显示文字;在指标排序中显示字符串栏目.用法:DRAWTEXT(COND,PRICE,TEXT),当COND条件满足时,在PRICE位置书写文字TEXT.例如:DRAWTEXT(CLOSE/OPEN>1.08,LOW,‘大阳线’)表示原创 2022-02-25 15:00:23 · 2910 阅读 · 0 评论 -
HQChart使用教程30-K线图如何对接第3方数据32-订单流
HQChart使用教程30-K线图如何对接第3方数据32-订单流样例HQChart订单流数据结构OrderPriceAskBidHBarPriceOffsetHighLow数据对接全量分钟K线数据全量日K数据更新分钟K线数据更新日K数据订单流切换交流QQ群: 950092318HQChart代码地址完整例子样例https://opensource.zealink.com/hqweb/demo/demo_orderflow.htmlHQChart订单流数据结构订单流是单独一个结构体, 1跟K线一个这原创 2022-02-21 12:14:48 · 3745 阅读 · 0 评论 -
HQChart使用教程87-HQChart在VUE插件模式下源码调试配置
HQChart插件模式源码调试配置HQChart开发说明HQChart插件HQChart插件目录说明libsrcVUE源码调试配置2021年最后一篇教程,感谢大家这1年对hqchart的支持,祝大家新年快乐。交流QQ群: 950092318HQChart代码地址HQChart开发说明开发语言: 纯js, 只需要记事本+浏览器(f12)就可以开发调试。设计模型:使用面对对象的设计开发的。 所有的东西都设计成类的模式。依赖:只使用了jquery1)使用jquery做为网络通讯,内部以封装了一层网络原创 2022-01-31 15:33:56 · 2534 阅读 · 0 评论 -
HQChart使用教程86-技术指标OX图
HQChart使用教程86-技术指标OX图OX图OX图OX图,又称为点数图(Point and Figure Chart)。OX图出自维克托·德维利尔斯1933年出版的《点数图法预测股价变化》一书,是用圈“O”和叉“X”来表示价格升跌的一种图表。与K线图、量价图等图表截然不同,注重价格在一定价位上的表现,而不记录价格随时间的变化过程,也不考虑成交量的情况。OX图的作图规则,是由“格值”确定的。每当股价的上升达到格值幅度时,就用一个“X”表示;当下降达到格值幅度时,就用一个“O”表示。...原创 2022-01-22 16:02:18 · 3211 阅读 · 0 评论 -
HQChart使用教程30-K线图如何对接第3方数据31-获取指定品种的K线数据
HQChart使用教程30-K线图如何对接第3方数据31-获取指定品种的K线数据获取指定品种的K线数据通达信语法$hqchart内置函数脚本例子协议名称-指定个股数据协议日志截图字段说明Request.Data.dateRangeRequest.Data.periodRequest.Data.rightRequest.Data.symbol返回json数据结构日K数据结构分钟K线结构交流QQ群: 950092318HQChart代码地址获取指定品种的K线数据通达信语法$例如:"000014CLOSE"原创 2022-01-09 12:18:48 · 1153 阅读 · 0 评论 -
HQChart使用教程85-股票复权计算
HQChart使用教程85-股票复权计算什么是复权复权形式前复权后复权复权算法简单复权精确复权HQChart复权配置后台计算复权前端计算复权简单复权复权因子交流QQ群: 950092318HQChart代码地址什么是复权所谓复权就是对股价和成交量进行权息修复,按照股票的实际涨跌绘制股价走势图,并把成交量调整为相同的股本口径。股票除权、除息之后,股价随之产生了变化,但实际成本并没有变化。如:原来20元的股票,十送十之后为10元,但实际还是相当于20元。从K线图上看这个价位看似很低,但很可能就是一个历史高位原创 2021-10-11 13:16:53 · 1090 阅读 · 0 评论 -
HQChart使用教程84-十字光标右侧按钮事件
HQChart使用教程84-十字光标右侧按钮事件十字光标右侧按钮开启十字光标右侧按钮注册监听按钮点击事件回调函数参数说明回调函数eventdataButtonButton.DataButton.Recteobj交流QQ群: 950092318HQChart代码地址十字光标右侧按钮HQChart十字光标提供一个内置的十字光标按钮,可以通过这个按钮增加对应的功能,如在十字光标位置的价格位置点击卖出或买入股票, 或弹菜单等等。按钮效果图开启十字光标右侧按钮在setoption里面设置CorssCur原创 2021-09-30 11:10:40 · 891 阅读 · 0 评论 -
HQChart使用教程30-K线图如何对接第3方数据30-即时行情数据DYNAINFO
HQChart使用教程30-K线图如何对接第3方数据30-即时行情数据DYNAINFO即时行情数据协议名称-变量数据下载协议日志截图
HQChart实战教程41 - HQChart实战教程42 - 新浪期货数据源对接 - uniapp版本数据源支持周期期货品种平台支持demo安卓apk下载源码售价 800元效果截图HQChart代码地址数据源使用公开的新浪期货Api数据, h5页面需要自己配代理跨域.app直接就可以访问, 无需自己提供数据后台.支持周期分时, 5日, 日K, 5分钟K, 15分钟K, 30分钟K, 60分钟K期货品种以下品种在demo里面已经对接好了. 其他品种可以参见demo自己对接.平台支持uni原创 2021-06-10 00:57:34 · 1507 阅读 · 0 评论 -
HQChart使用教程30-K线图如何对接第3方数据28-大盘,行业数据[INDEXA,INDEXC......]
本文介绍了HQChart对接第三方数据中大盘和行业数据的相关函数及使用方法。包含6个大盘函数(INDEXA/INDEXC等)和8个行业函数(HY_INDEXA/HY_INDEXC等),原创 2021-06-08 18:29:20 · 1194 阅读 · 0 评论 -
HQChart使用教程79-异常处理接口
HQChart使用教程79-网络异常处理接口demo地址异常处理常见的异常提示信息接口重新请求数据例子交流QQ群: 950092318HQChart代码地址个人爱好摄影/模型demo地址https://opensource2.zealink.com/hqweb/demo/demo_error.html异常处理在出现异常的时候, 在K线图上显示异常信息. 在异常信息显示的时候, 鼠标,键盘,手势都是无效的如下图常见的异常数据下载失败,网络异常数据格式不正确,无法转换成hqchart格式无原创 2021-06-03 16:16:14 · 1203 阅读 · 0 评论 -
HQChart使用教程79-uniapp中hqchart内置组件使用教程
HQChart使用教程79-uniapp中hqchart内置组件使用教程hqchart组件步骤1. 下载插件导入组件组件接口函数介绍SetSize(width, height)ClearChart()OnSize()CreateHQChart()ChangeKLinePeriod(period)ChangeMinutePeriod(dayCount)ChangeKLineIndex(windowId,name)ChangeSymbol(symbol)NetworkFilter(data, callback)原创 2021-05-10 13:39:06 · 3584 阅读 · 0 评论 -
HQChart使用教程78-分时图集合竞价
HQChart使用教程78-分时图集合竞价集合竞价集合竞价显示样式HQChart集合竞价集合竞价显示控制初始化控制BeforeOpenAfterClose接口控制ShowCallAuctionData参数说明UI说明双击放大/缩小集合竞价说明交流QQ群: 950092318HQChart代码地址集合竞价集合竞价是指对一段时间内接收的买卖申报一次性集中撮合的竞价方式.2006年7月1日,深沪证券交易所实施开放式集合竞价。即:在集合竞价期间,即时行情实时揭示集合竞价参考价格。沪深开放式集合竞价时间为9点1原创 2021-05-08 13:17:56 · 4163 阅读 · 0 评论 -
HQChart使用教程77-Y,X轴刻度文字创建事件回调
HQChart提供文字生成以后的事件回调(JSCHART_EVENT_ID.ON_SPLIT_YCOORDINATE),在回调里面修改文字就可以.Frame.HorizontalInfo 是hqchart内置生成的坐标信息文字, 是一个数组, 直接修改这个文件信息就可以.单个数据项接口说明, 直接看源码好了. Message[0]=左边文字, Message[1]=右边文字。JSCHART_EVENT_ID.ON_SPLIT_YCOORDINATE 注册这个事件回调就可以.如果注册监听事件看教程。原创 2021-05-03 15:04:37 · 1500 阅读 · 0 评论 -
HQChart使用教程76-K线图手势事件接口
HQChart使用教程76-K线图手势事件接口移动端手势事件步骤1. 注册点击事件回调2. 回调函数说明eventdatachart交流QQ群: 950092318HQChart代码地址移动端手势事件HQChart提供移动端手势事件点击K线图触发这个事件回调, 支持touchstart, touchend这2个事件步骤1. 注册点击事件回调通过AddEventCallback函数注册一个鼠标点击回调事件如何注册事件参看教程HQChart使用教程5- K线图控件操作函数说明事件ID为:JSCHA原创 2021-04-19 12:52:19 · 799 阅读 · 0 评论 -
HQChart使用教程75-K线图鼠标单击事件接口
HQChart使用教程75-K线图鼠标单击事件接口鼠标单击事件步骤1. 注册点击事件回调2. 回调函数说明eventdatachart交流QQ群: 950092318HQChart代码地址鼠标单击事件HQChart提供鼠标点击K线图触发这个事件回调步骤1. 注册点击事件回调通过AddEventCallback函数注册一个鼠标点击回调事件如何注册事件参看教程HQChart使用教程5- K线图控件操作函数说明事件ID为:JSCHART_EVENT_ID.ON_CLICKthis.Chart.Ad原创 2021-04-14 20:09:52 · 991 阅读 · 0 评论 -
HQChart使用教程30-K线图如何对接第3方数据27-如何在指标中渲染DOM元素
HQChart使用教程30-K线图如何对接第3方数据27-如何在指标中渲染DOM元素DOM指标效果图代码示例json结构说明nametypeDrawDraw.DrawTypeDraw.DrawDataDraw.Callback渲染dom回调函数参数opobj注意dom渲染回调例子交流QQ群: 950092318HQChart代码地址DOM指标把指标的输出数据通过一个一个DOM元素显示出来效果图代码示例使用NetworkFilter回调用 处理function NetworkFilter(dat原创 2021-02-24 00:38:05 · 1514 阅读 · 1 评论 -
HQChart使用教程72-画图工具波浪尺刻度配置
HQChart使用教程72-画图工具波浪尺配置波浪尺HQChart波浪尺默认刻度比例自定义配置修改刻度例子交流QQ群: 950092318HQChart代码地址波浪尺波浪尺是的一种股价空间分析工具,主要判断后续股价运动的预期。经常遇见的回吐比率为0.382、0.5及0.618。 下图是东方财富的波浪尺HQChart波浪尺默认刻度比例默认的刻度比例是 0%, 38.2% , 61.8%, 100% , 161.8%, 200%自定义配置可以通过全局的资源配置波浪尺的样式, 看参看教程HQC原创 2021-02-21 21:35:02 · 2613 阅读 · 0 评论 -
HQChart使用教程71-如何自定义Y轴刻度线
HQChart使用教程71-如何自定义Y轴刻度线自定义Y轴刻度线步骤1. 自定义Y刻度线函数2. 参数说明splitKLinesplitDatadefaultfloatPrecision3. 小程序4. Vue简单的例子注意交流QQ群: 950092318HQChart代码地址完整例子代码自定义Y轴刻度线HQChart K线主图Y轴价格刻度默认使用内部自动分割的方式, 你也可以通过覆盖自定义分割刻度方法接口,来自己实现自己需要的Y轴刻度步骤1. 自定义Y刻度线函数FrameSplitKLinePr原创 2021-02-04 23:36:06 · 1927 阅读 · 0 评论 -
HQChart使用教程70 -通达信语法检测/指标翻译
HQChart使用教程70 -通达信指标翻译指标翻译翻译函数参数codeoptionerrorcallback例子交流QQ群: 950092318HQChart代码地址指标翻译为了方便指标阅读, 我们会把指标翻译成中文。如:VOL:VOL,VOLSTICK;MA1:MA(VOL,M1);MA2:MA(VOL,M2);翻译成中文为输出VOL: 成交量,画成交量柱状线输出MA1: 成交量的M1日简单移动平均输出MA2: 成交量的M2日简单移动平均HQChart也支持翻译功能翻译函数原创 2021-01-22 19:35:26 · 6303 阅读 · 0 评论 -
HQChart使用教程30-K线图如何对接第3方数据26-指标脚本自定义函数
本文介绍了HQChart中如何通过JSComplier.AddFunction方法添加自定义函数,并详细说明了相关参数配置原创 2021-01-19 12:56:04 · 1576 阅读 · 0 评论 -
HQChart使用教程30-K线图如何对接第3方数据25-指标脚本自定义变量
HQChart使用教程30-K线图如何对接第3方数据25-指标脚本自定义变量麦语法变量增加系统自定义变量函数NameDescription自定义变量数据接口协议名称-自定义变量数据下载协议日志截图参数说明Request 字段说明VariantNamedaterangesymbolVariantInfoNameDescription返回json数据结构DataDataType例子单值数据数组类型,数据平滑处理数组类型,数据不平滑处理交流QQ群HQChart代码地址麦语法变量目前系统语法中系统指标有COLS原创 2021-01-17 19:25:05 · 1549 阅读 · 1 评论 -
HQChart使用教程30-K线图如何对接第3方数据24-如何填充K线背景色
HQChart使用教程30-K线图如何对接第3方数据24-如何填充K线背景色效果图代码示例json结构说明nametypeDrawDraw.ColorDraw.DrawTypeDraw.DrawDataDraw.Angle交流QQ群HQChart代码地址效果图代码示例function NetworkFilter(data, callback){ console.log('[NetworkFilter] data', data); if (data.Name=='APIScript原创 2021-01-08 00:30:25 · 1331 阅读 · 1 评论 -
HQChart使用教程30-K线图如何对接第3方数据23- FINANCE函数数据
HQChart使用教程30-K线图如何对接第3方数据23- FINANCE函数数据FINANCE(ID) 介绍协议名称Name:回调数据截图Request 字段说明idsymboldaterange返回json数据结构1. 单数值json数据数据截图2. 时间序列json数据数据截图交流QQ群: 950092318HQChart代码地址FINANCE(ID) 介绍通达信脚本函数,财务数据函数FINANCE(1) 总股本(随时间可能有变化)FINANCE(2) 用法同SETCODEFINANCE(7原创 2020-12-30 23:18:47 · 1603 阅读 · 0 评论
分享