jones2000
jones2000
HQChart
JavaScript

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

Last updated Jul 8, 2026
3.4k
Stars
828
Forks
12
Issues
+9
Stars/day
Attention Score
82
View on GitHub ↗ Open in github.dev
Topics
#candle#candlestick#candlestick-chart#canvas#chart#china-stock#h5#html5#javascript#kline#python#stock#trading-view#wechat
Language breakdown
JavaScript 97.2%
HTML 1.3%
Vue 0.8%
Python 0.4%
CSS 0.2%
C++ 0.0%
▸ Files click to expand
README

logo

License github star github fork gitee star gitee fork npm package npm dw

HQChart是第1个基于国内传统PC股票客户端软件(C++)移植到js/py平台的一个项目, 包含K线图图形库及麦语法(分析家语法)指标执行器.
支持平台:js, vue2.0, vue3.0, uniapp,小程序
支持品种:支持股票，期货， 数字货币，外汇等和K线相关的品种。
麦语法指标计算引擎(分析家语法)指标执行器支持js, nodejs, py, c#，c++. 支持前端worker线程计算指标

交流

前端技术交流群:719525615 有问题可以直接发issue.

教程列表和demo效果图在下面,下拉页面就可以看到!!!!!!!!!!!!

源码地址:https://github.com/jones2000/HQChart
镜像地址:https://gitee.com/jones2000/HQChart

uniapp 版本: 新版插件 ：https://ext.dcloud.net.cn/plugin?id=4591
老版本手动导入插件 : https://ext.dcloud.net.cn/plugin?id=790

HQChart用户使用协议
HQChart商业使用说明及用户使用协议

第3放数据对接案例:
源码地址:https://github.com/jones2000/HQChart-Super
镜像地址:https://gitee.com/jones2000/HQChart-Super

如果你觉得我们的行情模块对你有帮助， 请给我们点下star. (●ˇ∀ˇ●)

麦语法指标计算引擎，https://github.com/jones2000/hqchartPy2/tree/master/HQChartPy2.Free, 支持windows,和linux. 这个版本是用c++开发的，通过cpython来对接py，能高效的完成指标执行. 可以应用于回测, 选股等批量指标计算中.

完整的行情面板示例

纯前端， 需要安装数据插件https://github.com/jones2000/HQChartData

行情页面(支持AI智能体分析)

示例 示例 示例 页面地址: https://jones2000.github.io/HQChart/webhqchart.demo/Demohqchart/hqchart_demo.html

报价列表

页面地址: https://jones2000.github.io/HQChart/webhqchart.demo/Demohqchart/hqreport_demo.html

期权T型报价

示例 页面地址: https://jones2000.github.io/HQChart/webhqchart.demo/Demohqchart/hqTReport_demo.html

目录结构

--webhqchart 行情前端js代码模块
--wechathqchart 微信小程序行情前端js代码模块
*注意！ 目前代码使用了ES6的特性， 所有会导致有些老的浏览器无法显示， 需要使用Babel转成es5

--webhqchart.demo 页面行情测试用例
* |--jscommon 行情前端js代码 是webhqchart的一个拷贝
* |--demo 测试用
--vuehqchart * |--src 行情控件 * |--umychart.resource 行情用到的图片资源 及 css样式 * |--umychart.vue 行情图形及行情数据模块 * |--umychart.vue.components 行情VUE控件模块 * |--pages 测试和demo页面

--小程序行情模块用例 小程序测试用例

--umychart_python 分析家语法（麦语法）python版本
--umychart_indexapi nodejs指标后台计算demo (包括docker打包文件)

npm 安装

npm install jquery
npm install hqchart
https://www.npmjs.com/package/hqchart
VUE 例子:demo-vue.md
React 例子:demo-react.md

本地调试

由于安全原因, 内置测试数据接口已经停止了。 如果需要数据对接可以参考第3放数据对接案例. https://github.com/jones2000/HQChart-Super

内置测试数据不支持跨域，如果要在本地chrome调试代码，参看教程解决Chrome本地调试跨域. VUE项目本地调试请使用127.0.0.1:8080站点调试

声明

本项目只提供行情图形库及麦语法脚本执行器. 页面中所有的行情数据都来自互联网或测试假数据, 不能确保数据的正确性, 仅供开发调试使用. 任何行情数据问题都与本项目无关. 请自行去交易所购买正版行情。

HQChart 3.0

  • 分网页版本 及 微信小程序版本
走势图 走势图2 走势图3 K线图 K线图2 K线图3 K线图4 多日走势图1 多日走势图2 多日走势图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线
  • 支持专家系统指标
  • 支持个股筹码图
K线图
  • 支持单指标单股票前端回测计算 (webhqchart\umychart.regressiontest.js) (2019-5-13 增加功能)
计算如下数据:
Trade: {Count 交易次数 Days:交易天数 Success:成功交易次数 Fail:失败交易次数}
Day: {Count:总运行 Max:最长运行 Min:最短运行 Average:平均运行}
Profit: 总收益 StockProfit:个股收益 Excess:超额收益 MaxDropdown:最大回撤 Beta:β(Beta)系数
NetValue: [ {Date:日期, Net:净值, Close:股票收盘价, IndexClose:大盘的收盘价}, ]
  • 支持弹幕
  • 支持多指标叠加 (2019-7-12 新加功能)
K线图
  • 支持截图 (2019-7-9 新加功能)
  • 支持K线日线数据或分钟数据自动更新 (2019-7-23)
  • 支持分笔K线图 (2019-9-9)
K线图
  • 支持K线面积图
K线图
  • 支持深度图
深度图
  • 支持ox图
ox图
  • 支持指标图形拖拽
指标图形拖拽
  • Y轴拖拽缩放
Y轴缩放
  • 指标tab按钮
指标tab按钮
  • 订单流
订单流 https://jones2000.github.io/HQChart/webhqchart.demo/samples/demo_orderflow.html
  • 订单流2
订单流样式2 https://jones2000.github.io/HQChart/webhqchart.demo/samples/demoorderflow_v2(type=7).html.html)
  • 订单流3
订单流样式3 https://jones2000.github.io/HQChart/webhqchart.demo/samples/demoorderflow_v2(type=8).html.html)
  • 订单流4
订单流样式4 https://jones2000.github.io/HQChart/webhqchart.demo/samples/demoorderflow_v2(type=17).html.html)
  • 订单流5
订单流样式4 https://jones2000.github.io/HQChart/webhqchart.demo/samples/demoorderflow_v2(type=17).html.html)
  • 订单流6
订单流样式4 https://jones2000.github.io/HQChart/webhqchart.demo/samples/demoorderflow_v2(type=21).html.html)
  • 固定范围成交量分布图
成交量分布图
  • 可视范围成交量分布图
成交量分布图
  • 彩色K线柱子
彩色K线柱子 https://jones2000.github.io/HQChart/webhqchart.demo/samples/democolorkline_v2.html
  • 指标窗口最大，最小化
指标窗口最大，最小化
  • 区间选择支持拖拽移动
区间选择支持拖拽移动
  • 散点图指标
散点图指标
  • renko 砖形图
砖形图
  • line break
line break
  • OrderBook Heatmap
heatmap
  • 数据导出
exportdata
  • 横向滚动条
scroll bar
  • 美国线(自动调整柱子宽度)
bar
  • HLC Area
HLC Area
  • 未回补缺口显示
未回补缺口显示
  • 小程序画图工具
小程序画图工具 小程序画图工具
  • 背景分割
背景分割
  • 筹码图
筹码图 筹码图
  • 多股同列 十字光标联动
多股同列 https://jones2000.github.io/HQChart/webhqchart.demo/PaySamples/chartMulti_Kline.html
  • K线倒计时
K线倒计时 https://jones2000.github.io/HQChart/webhqchart.demo/PaySamples/chartkline_countdown.html

2. 走势图

  • 支持指标
  • 支持股票叠加
  • 支持沪深和港股,国内期货等
  • 分钟数据显示
  • 支持多日分钟数据显示
  • 支持A股集合竞价显示/隐藏 (2019-7-12 新加功能)
走势图2
  • 支持指数领先指标(2019-7-15 新加功能)
领先指标
  • 支持信息标识
信息标识 https://jones2000.github.io/HQChart/webhqchart.demo/samples/minute_mines.html
  • 支持涨停坐标
  • 支持美股盘前,盘中,盘后,全部全部行情展示
美股
  • 多股同列 十字光标联动
多股同列 https://jones2000.github.io/HQChart/webhqchart.demo/PaySamples/chartMulti_minute.html
  • 预测线
预测线

3. 其他图形

  • 成交明细表, 支持键盘,滚轴翻页
成交明细表
  • 分价表, 支持键盘,滚轴翻页
分价表
  • 报价列表
  • 纯画布手动打造, 虚拟表格, 操作不卡顿。
  • 支持固定列, 键盘操作: PageUP/PageDown 翻页, Up/Down 移动当前选中股票, Left/Right 移动列, 滚轴上下翻页.
  • 支持Tab页切换板块，横向滚动轴
  • 支持配置列本地排序或远程排序
  • 支持走势图
  • 支持单K线柱
  • 拖拽调整表头顺序和列宽度
  • 支持K线和分时图浮窗
报价列表
报价列表
报价列表
报价列表
报价列表
报价列表
报价列表
  • 键盘精灵
键盘精灵
  • T型报价
T型报价
  • 大数据表格
大数据表格 大宗交易

3. 网页demo

公式编辑器

K线图

后台指标示例

订单流

走势图

K线训练

分笔

画图工具

指标计算

键盘精灵

T型报价

报价列表

4.使用教程

画图工具列表

HQChart支持的画图工具列表

麦语法函数帮助文档

HQChart麦语法内置函数帮助文档

HQChart常用快捷键

HQChart常用快捷键

H5教程

插件内置对话框2.0设置

微信小程序教程

钉钉小程序

uni-app教程

第3方数据前端接入教程(走势图)

第3方数据前端接入教程(K线图)

第3方数据前端接入教程(分笔明细)

第3方数据前端接入教程(报价列表)

实战教程

付费教程

源码收费

httpA股数据对接教程(付费文章)

日K线

分钟K线

分时图

后台指标

新浪接口对接

高级应用实战教程(付费文章)

高级应用实战教程2(付费文章)

HQChart报价列表高级应用教程(付费文章)

设计文档:

HQChartPy2介绍（py版本指标引擎）

HQChartPy2数据对接教程 (以tushare数据为例子)

5.VUE 行情项目

代码地址(vuehqchart)
大图 页面名称 "hq.demo.page.html"

多周期图2 页面名称"stockmultiperiod.demo.page.html"

基于VUE版本给客户开发的样例

PC行情页面 示例地址(https://jones2000.github.io/HQChart/vue.demo/infoHqdemo/release/index.html) 代码地址(vue.demo/infoHqdemo)

VUE版本手机端样例1

手机端行情页面
示例地址(https://jones2000.github.io/HQChart/vue.demo/hqh5_pages/release/stockHq.html) 代码地址(vue.demo/hqh5_pages)

VUE版本手机端样例2 黑色风格

手机端行情页面
手机端行情页面
示例地址(https://jones2000.github.io/HQChart/vue.demo/hqh5demo_black/release/stockHq.html) 代码地址(vue.demo/hqh5demo_black)

js页面样例

手机端行情页面
代码地址(webhqchart.demo/h5demo)
VUE代码地址(vue.demo/stockpage_h5)

奖项

GVP

赞助

微信二维码

友情推荐

是一个以CTP生态为基础的平台，既提供了华鑫证券奇点、中泰证券XTP、东方财富EMT、东方证券OST等柜台的CTPAPI兼容接口，也提供了一套与上期技术SimNow模拟环境类似的模拟环境，也支持CTPAPI接口，不仅提供国内各期货交易所的期货与期权品种模拟交易，还提供了A股的股票、基金、债券以及股票期权模拟交易，也支持港股、美股等市场模拟交易

感谢量化开源基金会捐赠

Star History

Star History Chart

HQChart付费技术支持

注意:技术支持,不负责开发和部署.

|名称|费用(每月)|内容| | :-: | :-: | :-: | |单次技术支持| 500 | | |基础技术支持| 2000 |回答插件相关问题，如有对应的教程，提供对应的教程地址 | |高级技术支持| 5000 |回答插件相关问题，如有对应的教程，提供对应的教程地址, 对复杂的问题，可以提供demo示例. 如需自己定制图形，提供外挂图形接口.(定制图形由客户自己开发) | |图形定制开发| 5000起 |费用看具体的需求,评估开发工时后算总费用(工时费大概450/小时), 定制的部分提供源码，和开源的代码是分开的，以HQChart扩展插件的方式挂接进去。预付:40%,交付代码:50%,尾款:10% |

🔗 More in this category
public-apis
public-apis/public-apis
A collective list of free APIs
★ 447.8k
 EbookFoundation
EbookFoundation/free-programming-books
:books: Freely available programming books
★ 391.5k
 vinta
vinta/awesome-python
An opinionated list of Python frameworks, libraries, tools, and resources
★ 307.0k
 tensorflow
tensorflow/tensorflow
An Open Source Machine Learning Framework for Everyone
★ 196.3k
 donnemartin
donnemartin/system-design-primer
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
★ 356.6k
 TheAlgorithms
TheAlgorithms/Python
All Algorithms implemented in Python
★ 222.5k
 NousResearch
NousResearch/hermes-agent
The agent that grows with you
★ 212.4k
 Significant-Gravitas
Significant-Gravitas/AutoGPT
AutoGPT is the vision of accessible AI for everyone, to use and to build on. Our mission is to provide the tools, so that you can focus on what matters.
★ 185.4k
 huggingface
huggingface/transformers
🤗 Transformers: the model-definition framework for state-of-the-art machine learning models in text, vision, audio, and multimodal models, for both inference and training.
★ 162.4k
 yt-dlp
yt-dlp/yt-dlp
A feature-rich command-line audio/video downloader
★ 176.2k
 langgenius
langgenius/dify
Production-ready platform for agentic workflow development.
★ 148.4k
 anthropics
anthropics/skills
Public repository for Agent Skills
★ 159.3k

© 2026 GitRepoTrend · jones2000/HQChart · Updated daily from GitHub