Giter Club home page Giter Club logo

hqchart's Introduction

目录结构

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

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

声明

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

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线
  • 支持专家系统指标
  • 支持个股筹码图
  • 支持单指标单股票前端回测计算 (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:大盘的收盘价}, ]
  • 支持弹幕

2. 走势图

  • 支持指标
  • 支持股票叠加
  • 支持沪深和港股,国内期货(开发中)
  • 分钟数据显示
  • 支持多日分钟数据显示

3. 网页demo

4.使用教程

  1. 如何快速创建一个K线图页面 https://blog.csdn.net/jones2000/article/details/90272733
  2. 如何把自定义指标显示在K线图页面 https://blog.csdn.net/jones2000/article/details/90273684
  3. 如何把指标上锁显示在K线图页面 https://blog.csdn.net/jones2000/article/details/90285723
  4. 如何自定义K线图颜色风格 https://blog.csdn.net/jones2000/article/details/90286933
  5. K线图控件操作函数说明 https://blog.csdn.net/jones2000/article/details/90301000
  6. 如何获取K线图上的指标数据进行回测 https://blog.csdn.net/jones2000/article/details/90314625
  7. 如何快速创建一个分时图页面 https://blog.csdn.net/jones2000/article/details/90319619
  8. 如何快速创建K线训练页面 https://blog.csdn.net/jones2000/article/details/90478687
  9. 手机端页面设置的几个特殊属性 https://blog.csdn.net/jones2000/article/details/90727468
  10. 如何把K线数据API替换成自己的API数据 https://blog.csdn.net/jones2000/article/details/90747715
  11. 如何快速创建一个横屏分时图页面 https://blog.csdn.net/jones2000/article/details/90453776

设计文档:

  1. 如何(c++,js)写一个传统的K线图和走势图1 https://blog.csdn.net/jones2000/article/details/84779481
  2. 如何(c++,js)写一个传统的K线图和走势图2 - 走势图 https://blog.csdn.net/jones2000/article/details/84840770
  3. 如何(c++,js)写一个传统的K线图和走势图3-多指标窗口模式如何实现的 https://blog.csdn.net/jones2000/article/details/84979910
  4. 如何(c++,js)写一个传统的K线图和走势图3-十字光标的绘制 https://blog.csdn.net/jones2000/article/details/85123680
  5. 如何(c++,js)写一个传统的K线图和走势图4 - K线图 https://blog.csdn.net/jones2000/article/details/85235463
  6. 如何(c++,js)写一个传统的K线图和走势图5 - 移动筹码图 https://blog.csdn.net/jones2000/article/details/85356163
  • 小程序demo 请搜索 ‘知临信息软件及数据服务介绍’ 或微信扫描 二维码
  • QQ交流群(950092318) QQ群

5.VUE 行情项目

hqchart's People

Contributors

jones2000 avatar shaojunmei0102 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.