更新记录
1.1.14163(2024-11-21) 下载此版本
14162 修正小程序分时图不显示标题栏
14158 报价列表键盘操作时隐藏分时图提示信息
14157 T型报价键盘操作时隐藏分时图提示信息
14155 JSTReportChart::GetReportChart() 改成 GetTReportChart()
14153 T型报价增加onmouseout,
1.1.14152(2024-11-20) 下载此版本
14151 小程序分时图,K线图多行标题栏代码整理
14148 JSDialogSearchIndex支持指标模板
14145 修改UMyChart_Tooltip_Minute样式
14144 JSTooltipMinuteChart 增加创建完成回调函数
14142 T型报价列表支持分时图
14141 分时图和K线图标题栏增加Y偏移设置
14140 1.小程序分时图和K线图标题栏支持X,Y偏移设置
2.小程序横屏支持 EnableClickModel
14139 k线,分时标题栏支持输出X位置的设置
14138 分时图增加日期列表变量
14136 ChartDrawLastBarText支持横屏
1.1.14133(2024-11-14) 下载此版本
14132 JSSymbolData::GetSymbolCacheData(),JSSymbolData::GetSymbolPeriodCacheData() 统一成交量单位
14130 小程序统一成交量单位
14129 统一处理成交量单位
14127 1.OnWheel() 屏蔽掉触摸板双指缩放
2.ChartMultiSVGIconV2 增加tooltip2.0 格式
14126 指标引擎增加绘图函数DRAWLASTBARICON, DRAWLASTBARNUMBER,DRAWLASTBARTEXT
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 app-vue | × | √ | × | × | √ | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
jones-hqchart2
介绍
HQChart H5, 微信小程序 沪深/港股/数字货币/期货/美股 K线图(kline),走势图,缩放,拖拽,十字光标,画图工具,截图,筹码图. 分析家语法,通达信语法,(麦语法),第3方数据替换接口
开源
用户协议
交流
前端技术交流群:在github首页里
有问题也可以直接github上发issue.
demo说明
- 示例DEMO都是Vue2的版本, 如果需要Vue3的示例demo,可以去QQ群文件下载。
- hqchart2_test3 内置组件模式 支持H5, APP, 微信小程序
- hqchart2_test 单画布模式 支持H5, APP, 微信小程序
- hqchart2_test2 多画布模式 支持H5, APP,
- hqchart2_template 如何在外部封装hqchart模板 支持H5, APP, 微信小程序
- hqchart2_renderjs 使用renderjs创建hqchart, 直接使用npm hqchart
第3放数据对接案例:
功能:
1. K线图
- 支持前复权,后复权
- 支持日线,月线,周线,年线.分钟线
- 主图支持股票叠加
- K线形状支持 空心K线,实心K线,美国线,收盘价线
- 支持常用指标指标(目前以录入系统指标80多个),支持自定义通达信语法脚本指标( 均线,BOLL,MACD,KDJ,VOL,RSI,BRAR,WR,BIAS,OBV,DMI,CR,PSY,CCI, DMA,TRIX,VR,EMV,ROC,MIM,FSL,CYR,MASS,WAD,CHO ..... )
- 支持画图工具(小程序不支持)
- 线段,射线,矩形,圆弧线,水平线,趋势线,平行线,平行通道,价格通道线,文本,江恩角度线,阻速线,黄金分割,百分比线,波段线,三角形,对称角度,斐波那契周期线,平行四边形,圆, iconfont图片
- 支持区间统计, 区间形态匹配 (微信小程序版本不支持)
- 数据鼠标左右拖拽移动, 键盘移动十字光标移动,键盘缩放
- 支持通达信语法指标
- 支持五彩K线(目前录入系统五彩K线30多个), 支持自定义通达信语法脚本的五彩K线
- 支持专家系统指标
- 支持个股筹码图
2. 走势图
- 支持指标
- 支持股票叠加
- 支持沪深和港股,国内期货(开发中)
- 分钟数据显示
- 支持多日分钟数据显示
4.使用教程
H5教程
- HQChart使用教程1-如何快速创建一个K线图页面
- HQChart使用教程2-如何把自定义指标显示在K线图页面
- HQChart使用教程3-如何把指标上锁显示在K线图页面
- HQChart使用教程4-如何自定义K线图颜色风格
- HQChart使用教程5-K线图控件操作函数说明
- HQChart使用教程6-如何获取K线图上的指标数据进行回测
- HQChart使用教程7-如何快速创建一个分时图页面
- HQChart使用教程9-如何快速创建K线训练页面
- HQChart使用教程10-手机端页面设置的几个特殊属性
- HQChart使用教程11-如何把K线数据API替换成自己的API数据
- HQChart使用教程8-如何快速创建一个横屏分时图页面
- HQChart使用教程14-分析家语法执行器
- HQChart使用教程13-5分钟完成一个小程序K线图
- HQChart使用教程12-如何在K线图上添加弹幕
- HQChart使用教程15-分析家语法执行器python版本
- HQChart使用教程16-py中使用麦语言指标可视化
- HQChart使用教程17-多技术指标独立坐标叠加
- HQChart使用教程18-K线截图
- HQChart使用教程19-基于HQChart的后台单股票指标计算服务
- HQChart使用教程20-单股票截面数据(财务数据)计算器
- HQChart使用教程21-十字光标设置说明
- HQChart使用教程22-如何创建移动筹码图
- HQChart使用教程23-Y轴刻度显示设置
- HQChart使用教程24-多语言设置
- HQChart使用教程25-叠加多个品种设置
- HQChart使用教程26-K线图及走势图数据自动更新设置
- HQChart使用教程27-动态设置K线图指标模板
- HQChart使用教程28-如何创建系统指标
- HQChart使用教程31-走势图异动数据设置
- HQChart使用教程32-如何K线图显示自定义SVG矢量图标
- HQChart使用教程39-指标中如何绘制文本分割线
- HQChart使用教程40-如何自定义分钟周期或日线周期K线
- HQChart使用教程41-分钟K线设置拖拽自动下载历史数据
- HQChart使用教程42-K线图如何对接数字货币
- HQChart使用教程43-日K线设置拖拽自动下载历史数据
- HQChart使用教程45-如何动态修改指标参数
- HQChart使用教程46-分钟周期数据计算外部接口
- HQChart使用教程47-如何自定义右键菜单
- HQChart使用教程48-如何自定义X轴刻度
- HQChart使用教程49-指标配置项说明
- HQChart使用教程50-Y轴自定义刻度设置说明
- HQChart使用教程51-指标切换按钮事件说明-h5版本
- HQChart使用教程52-自定义手机端K线图Tooltip
- HQChart使用教程53-log日志输出控制
- HQChart使用教程54-K线缩放控制按钮接口说明
- HQChart使用教程55-自定义PC端K线图Tooltip
- HQChart使用教程56-内置品种对应后缀列表说明
- HQChart使用教程57-如何调整K线的柱子缩放大小
- HQChart使用教程58-如何在K线右侧绘制面积图(如深度图)
- HQChart使用教程59-跨周期跨股票函数STKINDI使用说明
- HQChart使用教程60-新版k线训练使用教程
- HQChart使用教程61-画图工具接口使用教程
- HQChart使用教程62-品种小数位数设置
- HQChart使用教程64-前端自定义周期算法接口
- HQChart使用教程65-设置指标输出动态变量名
- HQChart使用教程66-自定义数据下载文字提示效果
- HQChart使用教程67-鼠标点击K线柱子监听事件
- HQChart使用教程68-配置DRAWTEXT,DRAWICON,DRAWNUMBER字体大小
- HQChart使用教程69-获取指定股票的K线数据
- HQChart使用教程70-通达信指标翻译
- HQChart使用教程71-如何自定义Y轴刻度线
- HQChart使用教程72-画图工具波浪尺刻度配置
- HQChart使用教程73-使用Vue3.0创建HQChart图形
- HQChart使用教程74-使用快速创建数字币深度图
- HQChart使用教程75-K线图鼠标单击事件接口
- HQChart使用教程76-K线图手势事件接口
- HQChart使用教程77-Y轴刻度文字创建事件回调
- HQChart使用教程78-分时图集合竞价
- HQChart使用教程79-异常处理接口
- HQChart使用教程80-自定义指标标题信息
- HQChart使用教程81-自定义指标窗口高度
- HQChart使用教程82-动态修改叠加指标参数
- HQChart使用教程83-K线图最高最低价显示配置
微信小程序教程
钉钉小程序
uni-app教程
- HQChart使用教程35-如何在uni-app创建K线图(h5)
- HQChart使用教程36-如何在uni-app创建走势图(h5)
- HQChart使用教程37-如何在uni-app创建k线图(app)
- HQChart使用教程38-如何在uni-app创建走势图(app)
- HQChart使用教程44-uniapp使用条件编译同时支持h5,app,小程序
- HQChart使用教程60-解决uniapp-app页面隐藏后在显示白屏的问题
- HQChart使用教程63-uniapp使用renderjs+hqchart(h5)
- HQChart实战教程40-如何制作hqchart组件(uniapp版本)
- HQChart实战教程40-如何制作hqchart组件(uniapp版本)
- HQChart使用教程100-uniapp如何在vue3运行微信小程序
第3方数据前端接入教程(走势图)
- HQChart使用教程29-走势图如何对接第3方数据1
- HQChart使用教程29-走势图如何对接第3方数据2-最新分时数据
- HQChart使用教程29-走势图如何对接第3方数据3-多日分时数据
- HQChart使用教程29-走势图如何对接第3方数据4-叠加股票分时数据
- HQChart使用教程29-走势图如何对接第3方数据4-异动提示信息
- HQChart使用教程29-走势图如何对接第3方数据5-指标数据
- HQChart使用教程29-走势图如何对接第3方数据6-websocket分钟数据
- HQChart使用教程29-走势图如何对接第3方数据7-叠加股票最新分时数据
第3方数据前端接入教程(K线图)
- HQChart使用教程30-K线图如何对接第3方数据1
- HQChart使用教程30-K线图如何对接第3方数据2-日K数据
- HQChart使用教程30-K线图如何对接第3方数据3-1分钟K数据
- HQChart使用教程30-K线图如何对接第3方数据4-流通股本数据
- HQChart使用教程30-K线图如何对接第3方数据5-指标数据
- HQChart使用教程30-K线图如何对接第3方数据6-分笔K线数据
- HQChart使用教程30-K线图如何对接第3方数据7-日K数据分页下载
- HQChart使用教程30-K线图如何对接第3方数据8-1分钟K线数据分页下载
- HQChart使用教程30-K线图如何对接第3方数据9-BS指标数据
- HQChart使用教程30-K线图如何对接第3方数据10-如何绘制自定义线段或多边行指标数据
- HQChart使用教程30-K线图如何对接第3方数据11-如何绘制多组自定义图标
- HQChart使用教程30-K线图如何对接第3方数据12-如何在指标中绘制文字
- HQChart使用教程30-K线图如何对接第3方数据13-使用websocket更新最新K线数据
- HQChart使用教程30-K线图如何对接第3方数据14-轮询增量更新日K数据
- HQChart使用教程30-K线图如何对接第3方数据15-轮询增量更新1分钟K线数据
- HQChart使用教程30-K线图如何对接第3方数据16-日K叠加股票
- HQChart使用教程30-K线图如何对接第3方数据17-分钟K叠加股票
- HQChart使用教程30-K线图如何对接第3方数据18-如何绘制自定义柱子
- HQChart使用教程30-K线图如何对接第3方数据19-如何绘制彩色K线柱
- HQChart使用教程30-K线图如何对接第3方数据20-信息地雷公告数据
- HQChart使用教程30-K线图如何对接第3方数据21-跨周期函数数据
- HQChart使用教程30-K线图如何对接第3方数据22-FINVALUE函数数据
- HQChart使用教程30-K线图如何对接第3方数据23-FINANCE函数数据
- HQChart使用教程30-K线图如何对接第3方数据24-如何填充K线背景色
- HQChart使用教程30-K线图如何对接第3方数据25-指标脚本自定义变量
- HQChart使用教程30-K线图如何对接第3方数据26-指标脚本自定义函数
- HQChart使用教程30-K线图如何对接第3方数据27-如何在指标中渲染DOM元素
- HQChart使用教程30-K线图如何对接第3方数据28-大盘数据
- HQChart使用教程30-K线图如何对接第3方数据29-板块字符串函数数据
第3方数据前端接入教程(分笔明细)
第3方数据前端接入教程(报价列表)
- HQChart使用教程95-报价列表对接第3方数据1-码表数据
- HQChart使用教程95-报价列表对接第3方数据2-板块成分数据
- HQChart使用教程95-报价列表对接第3方数据3-股票数据
- HQChart使用教程95-报价列表对接第3方数据4-股票排序数据
实战教程
- HQChart实战教程1-外汇分时图
- HQChart实战教程2-使用跨周期写指标
- HQChart实战教程3-http+ws对接分钟K线数据
- HQChart实战教程4-http+ws对接日K线数据
- HQChart实战教程5-http+ws对接单日分时图数据
- HQChart实战教程6-自定义分时图
- HQChart实战教程7-自定义显示手势点击K线显示信息
- HQChart实战教程8-如何手动重新初始化hqchart
- HQChart实战教程9-自定义A股分时图
- HQChart实战教程14-K线图对接第3方http/https数据教程整理
- HQChart实战教程17-K线沙盘推演
- HQChart实战教程18-多股同列
付费教程
币安对接(源码收费)
- HQChart实战教程36-数字货币安币对接-uniapp版本
- HQChart实战教程41-新浪+腾讯A股数据源对接-uniapp版本
- HQChart实战教程42-新浪期货数据源对接-uniapp版本
httpA股数据对接教程(付费文章)
日K线
- HQChart实战教程29-A股日K线数据对接-Vue版本
- HQChart实战教程30-A股日K线数据对接-uniapp版本
- HQChart实战教程34-A股日K线数据对接-小程序版本
分钟K线
- HQChart实战教程31-A股分钟K线数据对接-Vue版本
- HQChart实战教程32-A股分钟K线数据对接-uniapp版本
分时图
- HQChart实战教程33-A股分时图数据对接-Vue版本
- HQChart实战教程35-A股分时图数据对接-uniapp版本
后台指标
- HQChart实战教程36-A股后台指标对接-uniapp版本
新浪接口对接
- HQChart实战教程37-新浪分钟K线数据对接-js版本
- HQChart实战教程38-新浪期货数据对接-js版本
高级应用实战教程(付费文章)
- HQChart实战教程19 - PC端分时图定制tooltip
- HQChart实战教程20 - PC端K线图定制tooltip
- HQChart实战教程21 - unapp app端分时图定制tooltip
- HQChart实战教程21 - uniapp app端K线图定制tooltip
- HQChart实战教程22 - PC端定制区间选择菜单
- HQChart实战教程23 - 点击K线显示历史分钟走势图
- HQChart实战教程24 - 自定义K线画图工具设置框(线段类)
- HQChart实战教程25 - 自定义K线画图工具设置框(文字类)
- HQChart实战教程30 - 配置K线画图
- HQChart实战教程26 - K线画图工具增加自定义图标
- HQChart实战教程27 - 走势图最后一个数据增加动画点
- HQChart实战教程28 - 动态切换颜色风格
- HQChart实战教程29 - 指标参数保存到本地缓存
- HQChart实战教程39 - K线图键盘事件重载
- HQChart实战教程43 - K线面积图最后一个数据增加动画点
- HQChart实战教程44 - 多指标窗口动态增长高度
- HQChart实战教程46 - 十字光标右侧按钮点击增加刻度线
- HQChart实战教程48 - 远程指标获取当前屏K线的范围
- HQChart实战教程49 - 点击修改K线颜色及背景色
- HQChart实战教程50 - 自定义指标栏工具按钮
- HQChart实战教程51 - 自定义指标列表
- HQChart实战教程52 - APP中使用DRAWICON绘制图标
- HQChart实战教程53 - 动态指定标识K线区间段背景颜色
设计文档:
- 如何(c++,js)写一个传统的K线图和走势图1
- 如何(c++,js)写一个传统的K线图和走势图2-走势图
- 如何(c++,js)写一个传统的K线图和走势图3-多指标窗口模式如何实现的
- 如何(c++,js)写一个传统的K线图和走势图3-十字光标的绘制
- 如何(c++,js)写一个传统的K线图和走势图4-K线图
- 如何(c++,js)写一个传统的K线图和走势图5-移动筹码图
HQChartPy2介绍(py版本指标引擎)
- HQChart(C++)指标计算引擎-介绍
- HQChart(C++)指标计算引擎-安装
- HQChart(C++)指标计算引擎-py接口类FastHQChart介绍
- HQChart(C++)指标计算引擎-py接口类IHQData K线数据对接