HQChart
HQChart - H5, 微信小程序 沪深/港股/数字货币/期货/美股 K线图(kline),走势图,缩放,拖拽,十字光标,画图工具,截图,筹码图. 分析家语法,通达信语法,(麦语法),第3方数据替换接口
Install / Use
/learn @jones2000/HQChartREADME

HQChart是第1个基于国内传统PC股票客户端软件(C++)移植到js/py平台的一个项目, 包含K线图图形库及麦语法(分析家语法)指标执行器. <br> 支持平台:js, vue2.0, vue3.0, uniapp,小程序 <br> 支持品种:支持股票,期货, 数字货币,外汇等和K线相关的品种。<br> 麦语法指标计算引擎(分析家语法)指标执行器支持js, nodejs, py, c#,c++. 支持前端worker线程计算指标<br>
交流
前端技术交流群:719525615
有问题可以直接发issue.
教程列表和demo效果图在下面,下拉页面就可以看到!!!!!!!!!!!!
源码地址:https://github.com/jones2000/HQChart<br> 镜像地址:https://gitee.com/jones2000/HQChart<br>
uniapp 版本: 新版插件 :https://ext.dcloud.net.cn/plugin?id=4591<br> 老版本手动导入插件 : https://ext.dcloud.net.cn/plugin?id=790<br>
HQChart用户使用协议 <br> HQChart商业使用说明及用户使用协议<br>
第3放数据对接案例:<br> 源码地址:https://github.com/jones2000/HQChart-Super<br> 镜像地址:https://gitee.com/jones2000/HQChart-Super<br>
如果你觉得我们的行情模块对你有帮助, 请给我们点下star. (●ˇ∀ˇ●) <br>
麦语法指标计算引擎,https://github.com/jones2000/hqchartPy2/tree/master/HQChartPy2.Free, 支持windows,和linux. 这个版本是用c++开发的,通过cpython来对接py,能高效的完成指标执行. 可以应用于回测, 选股等批量指标计算中.
完整的行情面板示例
纯前端, 需要安装数据插件https://github.com/jones2000/HQChartData
行情页面

页面地址: https://jones2000.github.io/HQChart/webhqchart.demo/Demo_hqchart/hqchart_demo.html
报价列表
页面地址: https://jones2000.github.io/HQChart/webhqchart.demo/Demo_hqchart/hq_report_demo.html
期权T型报价

页面地址: https://jones2000.github.io/HQChart/webhqchart.demo/Demo_hqchart/hq_TReport_demo.html
目录结构
--webhqchart 行情前端js代码模块 <br> --wechathqchart 微信小程序行情前端js代码模块 <br> *注意! 目前代码使用了ES6的特性, 所有会导致有些老的浏览器无法显示, 需要使用Babel转成es5
--webhqchart.demo 页面行情测试用例 <br>
- |--jscommon 行情前端js代码 是webhqchart的一个拷贝 <br>
- |--demo 测试用 <br>
--vuehqchart
- |--src 行情控件
- |--umychart.resource 行情用到的图片资源 及 css样式
- |--umychart.vue 行情图形及行情数据模块
- |--umychart.vue.components 行情VUE控件模块
- |--pages 测试和demo页面
--小程序行情模块用例 小程序测试用例<br>
--umychart_python 分析家语法(麦语法)python版本 <br> --umychart_indexapi nodejs指标后台计算demo (包括docker打包文件) <br>
npm 安装
npm install jquery <br> npm install hqchart <br> https://www.npmjs.com/package/hqchart <br> VUE 例子:demo-vue.md <br> React 例子:demo-react.md <br>
本地调试
由于安全原因, 内置测试数据接口已经停止了。 如果需要数据对接可以参考第3放数据对接案例. https://github.com/jones2000/HQChart-Super
~~内置测试数据不支持跨域,如果要在本地chrome调试代码,参看教程解决Chrome本地调试跨域. VUE项目本地调试请使用127.0.0.1:8080站点调试~~
声明
本项目只提供行情图形库及麦语法脚本执行器.
页面中所有的行情数据都来自互联网或测试假数据, 不能确保数据的正确性, 仅供开发调试使用. 任何行情数据问题都与本项目无关. 请自行去交易所购买正版行情。
HQChart 3.0
- 分网页版本 及 微信小程序版本 <br>
1. K线图
-
支持前复权,后复权 <br>
-
支持日线,月线,周线,年线.分钟线<br>
-
主图支持股票叠加 <br>
-
K线形状支持 空心K线,实心K线,美国线,收盘价线
-
支持常用指标指标(目前以录入系统指标80多个),支持自定义通达信语法脚本指标<br> 均线,BOLL,MACD,KDJ,VOL,RSI,BRAR,WR,BIAS,OBV,DMI,CR,PSY,CCI, DMA,TRIX,VR,EMV,ROC,MIM,FSL,CYR,MASS,WAD,CHO ..... <br>
-
支持画图工具,支持保存到本地或保存在内存中<br> 线段,射线,矩形,圆弧线,水平线,趋势线,平行线,平行通道,价格通道线,文本,江恩角度线,阻速线,黄金分割,百分比线,波段线,三角形,对称角度,斐波那契周期线,平行四边形,圆, iconfont图片 <br>
-
支持区间统计, 区间形态匹配 (微信小程序版本不支持) <br>
-
数据鼠标左右拖拽移动, 键盘移动十字光标移动,键盘缩放 <br>
-
支持麦语法
-
支持通达信语法指标
-
支持五彩K线(目前录入系统五彩K线30多个), 支持自定义通达信语法脚本的五彩K线
-
支持专家系统指标
-
支持个股筹码图 <br>

-
支持单指标单股票前端回测计算 (webhqchart\umychart.regressiontest.js) (2019-5-13 增加功能)<br> 计算如下数据: <br>
Trade: {Count 交易次数 Days:交易天数 Success:成功交易次数 Fail:失败交易次数} <br> Day: {Count:总运行 Max:最长运行 Min:最短运行 Average:平均运行} <br> Profit: 总收益 StockProfit:个股收益 Excess:超额收益 MaxDropdown:最大回撤 Beta:β(Beta)系数 <br> NetValue: [ {Date:日期, Net:净值, Close:股票收盘价, IndexClose:大盘的收盘价}, ] <br> -
支持弹幕
-
支持多指标叠加 (2019-7-12 新加功能) <br>

-
支持截图 (2019-7-9 新加功能)
-
支持K线日线数据或分钟数据自动更新 (2019-7-23)
-
支持分笔K线图 (2019-9-9) <br>

-
支持K线面积图

-
支持深度图

-
支持ox图

-
支持指标图形拖拽

-
Y轴拖拽缩放

-
指标tab按钮

-
订单流

https://jones2000.github.io/HQChart/webhqchart.demo/samples/demo_orderflow.html -
订单流2

https://jones2000.github.io/HQChart/webhqchart.demo/samples/demo_orderflow_v2(type=7).html -
订单流3

https://jones2000.github.io/HQChart/webhqchart.demo/samples/demo_orderflow_v2(type=8).html -
订单流4

https://jones2000.github.io/HQChart/webhqchart.demo/samples/demo_orderflow_v2(type=17).html -
订单流5

https://jones2000.github.io/HQChart/webhqchart.demo/samples/demo_orderflow_v2(type=17).html -
订单流6

https://jones2000.github.io/HQChart/webhqchart.demo/samples/demo_orderflow_v2(type=21).html -
固定范围成交量分布图

-
可视范围成交量分布图

-
彩色K线柱子

https://jones2000.github.io/HQChart/webhqchart.demo/samples/demo_color_kline_v2.html -
指标窗口最大,最小化

-
区间选择支持拖拽移动

-
散点图指标

-
renko 砖形图

-
line break

-
OrderBook Heatmap

-
数据导出

-
横向滚动条

-
美国线(自动调整柱子宽度)

-
HLC Area

-
未回补缺口显示

-
小程序画图工具


-
背景分割

-
筹码图


-
多股同列 十字光标联动

https://jones2000.github.io/HQChart/webhqchart.demo/PaySamples/chart_Multi_Kline.html -
K线倒计时

https://jones2000.github.io/HQChart/webhqchart.demo/PaySamples/chart_kline_countdown.html
2. 走势图
- 支持指标 <br>
- 支持股票叠加<br>
- 支持沪深和港股,国内期货等<br>
- 分钟数据显示 <br>
- 支持多日分钟数据显示<br>
- 支持A股集合竞价显示/隐藏 (2019-7-12 新加功能) <br>

- 支持指数领先指标(2019-7-15 新加功能) <br>

- 支持信息标识 <br>

[https://jones2000.github.io/HQChart/webhqchart.demo/samples/minute_mines.html](https://jones2000.github.io/HQChart/webhqchart.demo/
Related Skills
node-connect
343.1kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
claude-opus-4-5-migration
90.0kMigrate prompts and code from Claude Sonnet 4.0, Sonnet 4.5, or Opus 4.1 to Opus 4.5
frontend-design
90.0kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
model-usage
343.1kUse CodexBar CLI local cost usage to summarize per-model usage for Codex or Claude, including the current (most recent) model or a full model breakdown. Trigger when asked for model-level usage/cost data from codexbar, or when you need a scriptable per-model summary from codexbar cost JSON.
