Giter Club home page Giter Club logo

jojochan92 / hqchart Goto Github PK

View Code? Open in Web Editor NEW

This project forked from jones2000/hqchart

0.0 0.0 0.0 21.65 MB

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

Home Page: https://opensource.zealink.com/vuehqweb/hq.demo.page.html

License: Apache License 2.0

JavaScript 92.36% CSS 1.22% HTML 2.05% Makefile 0.01% Batchfile 0.01% Vue 2.39% Python 1.98% Dockerfile 0.01%

hqchart's Introduction

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

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

目录结构

--node.jccomplier nodejs通达信脚本选股后台api模块. 使用restify webapi框架
--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版本 (2019-6-26 开始立项开发) ❗这个是我第1次使用py, 进度会比较慢点, 大家多包含 😄, 有兴趣的朋友也可以加入一起开发。

  • 2019-7-1 进度 词法分析(完成) 语法分析(完成) AST(完成), 执行器框架迁移完成(K线数据完成, 四则运算完成, 逻辑运算完成, 部分指标函数完成)
  • 2019-7-8 麦语法执行器基本移植完成

--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

声明

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

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线图

2. 走势图

  • 支持指标
  • 支持股票叠加
  • 支持沪深和港股,国内期货(开发中)
  • 分钟数据显示
  • 支持多日分钟数据显示
  • 支持A股集合竞价显示/隐藏 (2019-7-12 新加功能)
    走势图2
  • 支持指数领先指标(2019-7-15 新加功能)
    领先指标
  • 支持信息地雷
    信息地雷
  • 支持涨停坐标

3. 网页demo

4.使用教程

H5教程

  1. HQChart使用教程1-如何快速创建一个K线图页面
  2. HQChart使用教程2-如何把自定义指标显示在K线图页面
  3. HQChart使用教程3-如何把指标上锁显示在K线图页面
  4. HQChart使用教程4-如何自定义K线图颜色风格
  5. HQChart使用教程5-K线图控件操作函数说明
  6. HQChart使用教程6-如何获取K线图上的指标数据进行回测
  7. HQChart使用教程7-如何快速创建一个分时图页面
  8. HQChart使用教程9-如何快速创建K线训练页面
  9. HQChart使用教程10-手机端页面设置的几个特殊属性
  10. HQChart使用教程11-如何把K线数据API替换成自己的API数据
  11. HQChart使用教程8- 如何快速创建一个横屏分时图页面
  12. HQChart使用教程14-分析家语法执行器
  13. HQChart使用教程13-5分钟完成一个小程序K线图
  14. HQChart使用教程12-如何在K线图上添加弹幕
  15. HQChart使用教程15-分析家语法执行器python版本
  16. HQChart使用教程16-py中使用麦语言指标可视化
  17. HQChart使用教程17-多技术指标独立坐标叠加
  18. HQChart使用教程18-K线截图
  19. HQChart使用教程19-基于HQChart的后台单股票指标计算服务
  20. HQChart使用教程20-单股票截面数据(财务数据)计算器
  21. HQChart使用教程21-十字光标设置说明
  22. HQChart使用教程22-如何创建移动筹码图
  23. HQChart使用教程23-Y轴刻度显示设置
  24. HQChart使用教程24-多语言设置
  25. HQChart使用教程25-叠加多个品种设置
  26. HQChart使用教程26-K线图及走势图数据自动更新设置
  27. HQChart使用教程27-动态设置K线图指标模板
  28. HQChart使用教程28-如何创建系统指标
  29. HQChart使用教程31-走势图异动数据设置
  30. HQChart使用教程32-如何K线图显示自定义SVG矢量图标
  31. HQChart使用教程33-如何在麦语法中自定义变量
  32. HQChart使用教程34-如何在麦语法中自定义函数
  33. HQChart使用教程39-指标中如何绘制文本分割线
  34. HQChart使用教程40-如何自定义分钟周期或日线周期K线
  35. HQChart使用教程41-分钟K线设置拖拽自动下载历史数据
  36. HQChart使用教程42-K线图如何对接数字货币
  37. HQChart使用教程43-日K线设置拖拽自动下载历史数据
  38. HQChart使用教程45-如何动态修改指标参数
  39. HQChart使用教程46-分钟周期数据计算外部接口

小程序教程

  1. HQChart小程序教程1-如何快速的创建一个K线图

uni-app教程

  1. HQChart使用教程35-如何在uni-app创建K线图(h5)
  2. HQChart使用教程36-如何在uni-app创建走势图(h5)
  3. HQChart使用教程37-如何在uni-app创建k线图(app)
  4. HQChart使用教程38-如何在uni-app创建走势图(app)
  5. HQChart使用教程44-uniapp使用条件编译同时支持h5,app,小程序

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

  1. HQChart使用教程29-走势图如何对接第3方数据1
  2. HQChart使用教程29-走势图如何对接第3方数据2-最新分时数据
  3. HQChart使用教程29-走势图如何对接第3方数据3-多日分时数据
  4. HQChart使用教程29-走势图如何对接第3方数据4-叠加股票分时数据
  5. HQChart使用教程29-走势图如何对接第3方数据4-异动提示信息
  6. HQChart使用教程29-走势图如何对接第3方数据5-指标数据
  7. HQChart使用教程29-走势图如何对接第3方数据6-websocket分钟数据

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

  1. HQChart使用教程30-K线图如何对接第3方数据1
  2. HQChart使用教程30-K线图如何对接第3方数据2-日K数据
  3. HQChart使用教程30-K线图如何对接第3方数据3-1分钟K数据
  4. HQChart使用教程30-K线图如何对接第3方数据4-流通股本数据
  5. HQChart使用教程30-K线图如何对接第3方数据5-指标数据
  6. HQChart使用教程30-K线图如何对接第3方数据6-分笔K线数据
  7. HQChart使用教程30-K线图如何对接第3方数据7-日K数据分页下载
  8. HQChart使用教程30-K线图如何对接第3方数据8-1分钟K线数据分页下载
  9. HQChart使用教程30-K线图如何对接第3方数据9-BS指标数据
  10. HQChart使用教程30-K线图如何对接第3方数据10-如何绘制自定义线段或多边行指标数据
  11. HQChart使用教程30-K线图如何对接第3方数据11-如何绘制多组自定义图标
  12. HQChart使用教程30-K线图如何对接第3方数据12-如何在指标中绘制文字
  13. HQChart使用教程30-K线图如何对接第3方数据13-使用websocket更新最新K线数据
  14. HQChart使用教程30-K线图如何对接第3方数据14-轮询增量更新日K数据
  15. HQChart使用教程30-K线图如何对接第3方数据15-轮询增量更新1分钟K线数据

设计文档:

  1. 如何(c++,js)写一个传统的K线图和走势图1
  2. 如何(c++,js)写一个传统的K线图和走势图2-走势图
  3. 如何(c++,js)写一个传统的K线图和走势图3-多指标窗口模式如何实现的
  4. 如何(c++,js)写一个传统的K线图和走势图3-十字光标的绘制
  5. 如何(c++,js)写一个传统的K线图和走势图4-K线图
  6. 如何(c++,js)写一个传统的K线图和走势图5-移动筹码图

5.VUE 行情项目

代码地址(vuehqchart)
走势图2 行情页面地址(v1.0)

历史高频数据查询图2 查询页面地址

多周期图2 多周期页面地址

综合排名2 综合排名页面地址

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

指数行情页面黑色风格
个股行情页面白色风格

js页面样例

个股详情手机端h5
代码地址(webhqchart.demo\h5demo)

QQ交流群(950092318)

有bug,问题,新的功能需求都可以在QQ群里提
QQ群

奖项

GVP

赞助

微信二维码

hqchart's People

Contributors

jones2000 avatar shaojunmei0102 avatar li-yiang avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.