xiaotian777888 / HQChart-Super

HQChart对接第3放数据教程.

HQChart-Super

HQChart插件对接第3方数据用例

声明

教程中所有的实例中使用的数据都来自互联网,或测试数据。仅用于学习HQChart图形使用. 教程禁止用于商业产品。

实例列表

1.对接东方财富网页数据vue版本

示例源码地址

工程地址(hqchart_super_eastmoney_demo)

分时图/多日分时图/K线图实例包含市场

1. 美股
2. 沪深A股
3. 港股
4. 外汇
5. 上海期货交易所
6. 上海国际能源交易中心
7. 大连商品交易所
8. 郑州商品交易所
9. **金融期货交易所
10. 芝加哥商业交易所
11. 纽约商品交易所
12. 纽约商业期货交易所
13. 纽约期货交易所
14. 伦敦金属交易所
15. 东京商品交易所交易所
16. 美国洲际交易所
17. 北交所

效果图

2.对接腾讯页面数据vue版本

示例源码地址

工程地址(hqchart_super_eastmoney_demo)

分时图/多日分时图/K线图实例包含市场

1. 美股
2. 沪深A股
3. 港股

效果图

3.对接东方财富网页数据小程序版本

示例源码地址

工程地址(hqchart_super_eastmoney_demo)

分时图/多日分时图/K线图实例包含市场

1. 美股
2. 沪深A股
3. 港股
4. 外汇
5. 上海期货交易所
6. 上海国际能源交易中心
7. 大连商品交易所
8. 郑州商品交易所
9. **金融期货交易所
10. 芝加哥商业交易所
11. 纽约商品交易所
12. 纽约商业期货交易所
13. 纽约期货交易所
14. 伦敦金属交易所
15. 东京商品交易所交易所
16. 美国洲际交易所
17. 北交所

效果图

3.对接东方财富网页数据uniapp版本

示例源码地址

工程地址(hqchart_super_eastmoney_demo) 注意需要安装2个插件，jones-hqchart2和uni-icons

分时图/多日分时图/K线图实例包含市场

1. 美股
2. 沪深A股
3. 港股
4. 外汇
5. 上海期货交易所
6. 上海国际能源交易中心
7. 大连商品交易所
8. 郑州商品交易所
9. **金融期货交易所
10. 芝加哥商业交易所
11. 纽约商品交易所
12. 纽约商业期货交易所
13. 纽约期货交易所
14. 伦敦金属交易所
15. 东京商品交易所交易所
16. 美国洲际交易所
17. 北交所

效果图

启动

npm run dev

交流

有问题直接发issues

HQChart

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

HQChart 使用教程

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使用教程39-指标中如何绘制文本分割线
    
32. HQChart使用教程40-如何自定义分钟周期或日线周期K线
    
33. HQChart使用教程41-分钟K线设置拖拽自动下载历史数据
    
34. HQChart使用教程42-K线图如何对接数字货币
    
35. HQChart使用教程43-日K线设置拖拽自动下载历史数据
    
36. HQChart使用教程45-如何动态修改指标参数
    
37. HQChart使用教程46-分钟周期数据计算外部接口
    
38. HQChart使用教程47-如何自定义右键菜单
    
39. HQChart使用教程48-如何自定义X轴刻度
    
40. HQChart使用教程49-指标配置项说明
    
41. HQChart使用教程50-Y轴自定义刻度设置说明
    
42. HQChart使用教程51-指标切换按钮事件说明-h5版本
    
43. HQChart使用教程52-自定义手机端K线图Tooltip
    
44. HQChart使用教程53-log日志输出控制
    
45. HQChart使用教程54-K线缩放控制按钮接口说明
    
46. HQChart使用教程55-自定义PC端K线图Tooltip
    
47. HQChart使用教程56-内置品种对应后缀列表说明
    
48. HQChart使用教程57-如何调整K线的柱子缩放大小
    
49. HQChart使用教程58-如何在K线右侧绘制面积图(如深度图)
    
50. HQChart使用教程59-跨周期跨股票函数STKINDI使用说明
    
51. HQChart使用教程60-新版k线训练使用教程
    
52. HQChart使用教程61-画图工具接口使用教程
    
53. HQChart使用教程62-品种小数位数设置
    
54. HQChart使用教程64-前端自定义周期算法接口
    
55. HQChart使用教程65-设置指标输出动态变量名
    
56. HQChart使用教程66-自定义数据下载文字提示效果
    
57. HQChart使用教程67-鼠标点击K线柱子监听事件
    
58. HQChart使用教程68-配置DRAWTEXT,DRAWICON,DRAWNUMBER字体大小
    
59. HQChart使用教程69-获取指定股票的K线数据
    
60. HQChart使用教程70 -通达信语法检测/指标翻译
    
61. HQChart使用教程71-如何自定义Y轴刻度线
    
62. HQChart使用教程72-画图工具波浪尺刻度配置
    
63. HQChart使用教程73-使用Vue3.0创建HQChart图形
    
64. HQChart使用教程74-使用快速创建数字币深度图
    
65. HQChart使用教程75-K线图鼠标单击事件接口
    
66. HQChart使用教程76-K线图手势事件接口
    
67. HQChart使用教程77-Y轴刻度文字创建事件回调
    
68. HQChart使用教程78-分时图集合竞价
    
69. HQChart使用教程79-异常处理接口
    
70. HQChart使用教程80-自定义指标标题信息
    
71. HQChart使用教程81-自定义指标窗口高度
    
72. HQChart使用教程82-动态修改叠加指标参数
    
73. HQChart使用教程83-K线图最高最低价显示配置
    
74. HQChart使用教程84-十字光标右侧按钮事件
    
75. HQChart使用教程85-股票复权计算
    

小程序教程

1. HQChart小程序教程1-如何快速的创建一个K线图
   
2. HQChart小程序教程2-如何使用新版2D画布创建一个K线图
   
3. HQChart小程序教程3-新版2D单画布如何切换K线图和分时图
   

uni-app教程

1. HQChart使用教程79-uniapp中hqchart内置组件使用教程
   
2. HQChart使用教程35-如何在uni-app创建K线图(h5)
   
3. HQChart使用教程36-如何在uni-app创建走势图(h5)
   
4. HQChart使用教程37-如何在uni-app创建k线图(app)
   
5. HQChart使用教程38-如何在uni-app创建走势图(app)
   
6. HQChart使用教程44-uniapp使用条件编译同时支持h5,app,小程序
   
7. HQChart使用教程60-解决uniapp-app页面隐藏后在显示白屏的问题
   
8. HQChart使用教程63-uniapp使用renderjs+hqchart(h5)
   
9. HQChart实战教程40-如何制作hqchart组件(uniapp版本)
   

第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分钟数据
   
8. HQChart使用教程29-走势图如何对接第3方数据7-叠加股票最新分时数据
   

第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线数据
    
16. HQChart使用教程30-K线图如何对接第3方数据16-日K叠加股票
    
17. HQChart使用教程30-K线图如何对接第3方数据17-分钟K叠加股票
    
18. HQChart使用教程30-K线图如何对接第3方数据18-如何绘制自定义柱子
    
19. HQChart使用教程30-K线图如何对接第3方数据19-如何绘制彩色K线柱
    
20. HQChart使用教程30-K线图如何对接第3方数据20-信息公告数据
    
21. HQChart使用教程30-K线图如何对接第3方数据21-跨周期函数数据
    
22. HQChart使用教程30-K线图如何对接第3方数据22-FINVALUE函数数据
    
23. HQChart使用教程30-K线图如何对接第3方数据23-FINANCE函数数据
    
24. HQChart使用教程30-K线图如何对接第3方数据24-如何填充K线背景色
    
25. HQChart使用教程30-K线图如何对接第3方数据25-指标脚本自定义变量
    
26. HQChart使用教程30-K线图如何对接第3方数据26-指标脚本自定义函数
    
27. HQChart使用教程30-K线图如何对接第3方数据27-如何在指标中渲染DOM元素
    
28. HQChart使用教程30-K线图如何对接第3方数据28-大盘数据
    
29. HQChart使用教程30-K线图如何对接第3方数据29-板块字符串函数数据
    
30. HQChart使用教程30-K线图如何对接第3方数据30-即时行情数据DYNAINFO
    

实战教程

1. HQChart实战教程1-外汇分时图
   
2. HQChart实战教程2-使用跨周期写指标
   
3. HQChart实战教程3-http+ws对接分钟K线数据
   
4. HQChart实战教程4-http+ws对接日K线数据
   
5. HQChart实战教程5-http+ws对接单日分时图数据
   
6. HQChart实战教程6-自定义分时图
   
7. HQChart实战教程7-自定义显示手势点击K线显示信息
   
8. HQChart实战教程8-如何手动重新初始化hqchart
   
9. HQChart实战教程9-自定义A股分时图
   
10. HQChart实战教程14-K线图对接第3方http/https数据教程整理
    
11. HQChart实战教程17-K线沙盘推演
    
12. HQChart实战教程18-多股同列
    
13. HQChart实战教程45-自定义指标窗口背景
    

火币对接完整教程（付费文章）

1. HQChart实战教程10-全ws数据对接HQChart(数字货币对接实战)
   
2. HQChart实战教程11-火币网ws数据对接
   
3. HQChart实战教程12-火币网ws数据对接分时图
   
4. HQChart实战教程13-火币网ws数据对接K线（uniapp)
   
5. HQChart实战教程15-火币网ws数据对接拖拽下载历史K线图
   
6. HQChart实战教程16-K线图风格配色篇-仿火币网H5配色
   

高级应用实战教程（付费文章）

1. HQChart实战教程19 - PC端分时图定制tooltip
   
2. HQChart实战教程20 - PC端K线图定制tooltip
   
3. HQChart实战教程21 - unapp app端分时图定制tooltip
   
4. HQChart实战教程21 - uniapp app端K线图定制tooltip
   
5. HQChart实战教程22 - PC端定制区间选择菜单
   
6. HQChart实战教程23 - 点击K线显示历史分钟走势图
   
7. HQChart实战教程24 - 自定义K线画图工具设置框（线段类）
   
8. HQChart实战教程25 - 自定义K线画图工具设置框（文字类）
   
9. HQChart实战教程30 - 配置K线画图
   
10. HQChart实战教程26 - K线画图工具增加自定义图标
    
11. HQChart实战教程27 - 走势图最后一个数据增加动画点
    
12. HQChart实战教程28 - 动态切换颜色风格
    
13. HQChart实战教程29 - 指标参数保存到本地缓存
    
14. HQChart实战教程39 - K线图键盘事件重载
    
15. HQChart实战教程43 - K线面积图最后一个数据增加动画点
    
16. HQChart实战教程44 - 多指标窗口动态增长高度
    
17. HQChart实战教程46-十字光标右侧按钮点击增加刻度线