{"id":17297974,"url":"https://github.com/jones2000/hqchart-super","last_synced_at":"2025-04-06T04:08:14.426Z","repository":{"id":40693056,"uuid":"415985781","full_name":"jones2000/HQChart-Super","owner":"jones2000","description":"HQChart对接第3放数据教程.","archived":false,"fork":false,"pushed_at":"2024-11-06T13:14:45.000Z","size":9636,"stargazers_count":68,"open_issues_count":0,"forks_count":49,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-30T03:03:04.522Z","etag":null,"topics":["hqchart","javascript","kline","klinechart"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jones2000.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-10-11T15:30:51.000Z","updated_at":"2025-03-12T07:38:02.000Z","dependencies_parsed_at":"2024-12-16T12:43:54.444Z","dependency_job_id":null,"html_url":"https://github.com/jones2000/HQChart-Super","commit_stats":{"total_commits":28,"total_committers":4,"mean_commits":7.0,"dds":0.3214285714285714,"last_synced_commit":"75b5eeaabf33437d221237db4744480ae7b210c8"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jones2000%2FHQChart-Super","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jones2000%2FHQChart-Super/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jones2000%2FHQChart-Super/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jones2000%2FHQChart-Super/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jones2000","download_url":"https://codeload.github.com/jones2000/HQChart-Super/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247430869,"owners_count":20937874,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["hqchart","javascript","kline","klinechart"],"created_at":"2024-10-15T11:17:41.493Z","updated_at":"2025-04-06T04:08:14.405Z","avatar_url":"https://github.com/jones2000.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# HQChart-Super\nHQChart插件对接第3方数据用例\n\n# 声明\n教程中所有的实例中使用的数据都来自互联网,或测试数据。仅用于学习HQChart图形使用. 教程禁止用于商业产品。\n\n# 实例列表\n\n## 1.对接东方财富网页数据vue版本\n### 示例源码地址\n[工程地址(hqchart_super_eastmoney_demo)](/hqchart_super_eastmoney_demo)\n### 分时图/多日分时图/K线图实例包含市场\n1. 美股\n2. 沪深A股\n3. 港股\n4. 外汇\n5. 上海期货交易所\n6. 上海国际能源交易中心\n7. 大连商品交易所\n8. 郑州商品交易所\n9. 中国金融期货交易所\n10. 芝加哥商业交易所\n11. 纽约商品交易所\n12. 纽约商业期货交易所\n13. 纽约期货交易所\n14. 伦敦金属交易所\n15. 东京商品交易所交易所\n16. 美国洲际交易所\n17. 北交所\n### 效果图\n![截图](/pic/hqchart_super_eastmoney_demo_1.png)\n![截图](/pic/hqchart_super_eastmoney_demo_1.gif)\n\n## 2.对接腾讯页面数据vue版本\n### 示例源码地址\n[工程地址(hqchart_super_eastmoney_demo)](/hqchart_super_qq_demo)\n### 分时图/多日分时图/K线图实例包含市场\n1. 美股\n2. 沪深A股\n3. 港股\n### 效果图\n![截图](/pic/hqchart_super_qq_demo_1.png)\n\n## 3.对接东方财富网页数据小程序版本\n### 示例源码地址\n[工程地址(hqchart_super_eastmoney_demo)](/hqchart_super_eastmoney_demo_wechat)\n### 分时图/多日分时图/K线图实例包含市场\n1. 美股\n2. 沪深A股\n3. 港股\n4. 外汇\n5. 上海期货交易所\n6. 上海国际能源交易中心\n7. 大连商品交易所\n8. 郑州商品交易所\n9. 中国金融期货交易所\n10. 芝加哥商业交易所\n11. 纽约商品交易所\n12. 纽约商业期货交易所\n13. 纽约期货交易所\n14. 伦敦金属交易所\n15. 东京商品交易所交易所\n16. 美国洲际交易所\n17. 北交所\n### 效果图\n![截图](/pic/hqchart_super_eastmoney_demo_wechat_1.PNG)\n![截图](/pic/hqchart_super_eastmoney_demo_wechat_2.PNG)\n![截图](/pic/hqchart_super_eastmoney_demo_wechat_3.PNG)\n\n## 3.对接东方财富网页数据uniapp版本\n### 示例源码地址\n[工程地址(hqchart_super_eastmoney_demo)](/hqchart_super_eastmoney_demo_uniapp)\n**注意**需要安装2个插件，jones-hqchart2和uni-icons\n### 分时图/多日分时图/K线图实例包含市场\n1. 美股\n2. 沪深A股\n3. 港股\n4. 外汇\n5. 上海期货交易所\n6. 上海国际能源交易中心\n7. 大连商品交易所\n8. 郑州商品交易所\n9. 中国金融期货交易所\n10. 芝加哥商业交易所\n11. 纽约商品交易所\n12. 纽约商业期货交易所\n13. 纽约期货交易所\n14. 伦敦金属交易所\n15. 东京商品交易所交易所\n16. 美国洲际交易所\n17. 北交所\n### 效果图\n![截图](/pic/hqchart_super_eastmoney_demo_uniapp_1.gif)\n\n\n\n# 启动\nnpm run dev\n\n# 交流\n有问题直接发issues\n\n# HQChart\n源码地址:[https://github.com/jones2000/HQChart](https://github.com/jones2000/HQChart)\u003cbr\u003e\n镜像地址:[https://gitee.com/jones2000/HQChart](https://gitee.com/jones2000/HQChart)\u003cbr\u003e\n\n# HQChart 使用教程\n## H5教程\n1. [HQChart使用教程1-如何快速创建一个K线图页面](https://blog.csdn.net/jones2000/article/details/90272733) \u003cbr\u003e\n2. [HQChart使用教程2-如何把自定义指标显示在K线图页面](https://blog.csdn.net/jones2000/article/details/90273684) \u003cbr\u003e\n3. [HQChart使用教程3-如何把指标上锁显示在K线图页面](https://blog.csdn.net/jones2000/article/details/90285723) \u003cbr\u003e\n4. [HQChart使用教程4-如何自定义K线图颜色风格](https://blog.csdn.net/jones2000/article/details/90286933) \u003cbr\u003e\n5. [HQChart使用教程5-K线图控件操作函数说明](https://blog.csdn.net/jones2000/article/details/90301000) \u003cbr\u003e\n6. [HQChart使用教程6-如何获取K线图上的指标数据进行回测](https://blog.csdn.net/jones2000/article/details/90314625) \u003cbr\u003e\n7. [HQChart使用教程7-如何快速创建一个分时图页面](https://blog.csdn.net/jones2000/article/details/90319619) \u003cbr\u003e\n8. [HQChart使用教程9-如何快速创建K线训练页面](https://blog.csdn.net/jones2000/article/details/90478687) \u003cbr\u003e\n9. [HQChart使用教程10-手机端页面设置的几个特殊属性](https://blog.csdn.net/jones2000/article/details/90727468) \u003cbr\u003e\n10. [HQChart使用教程11-如何把K线数据API替换成自己的API数据](https://blog.csdn.net/jones2000/article/details/90747715) \u003cbr\u003e\n11. [HQChart使用教程8-如何快速创建一个横屏分时图页面](https://blog.csdn.net/jones2000/article/details/90453776) \u003cbr\u003e\n12. [HQChart使用教程14-分析家语法执行器](https://blog.csdn.net/jones2000/article/details/93731637) \u003cbr\u003e\n13. [HQChart使用教程13-5分钟完成一个小程序K线图](https://blog.csdn.net/jones2000/article/details/91471252) \u003cbr\u003e\n14. [HQChart使用教程12-如何在K线图上添加弹幕](https://blog.csdn.net/jones2000/article/details/91125408) \u003cbr\u003e\n15. [HQChart使用教程15-分析家语法执行器python版本](https://blog.csdn.net/jones2000/article/details/94738592) \u003cbr\u003e\n16. [HQChart使用教程16-py中使用麦语言指标可视化](https://blog.csdn.net/jones2000/article/details/94920596) \u003cbr\u003e\n17. [HQChart使用教程17-多技术指标独立坐标叠加](https://blog.csdn.net/jones2000/article/details/95618901) \u003cbr\u003e\n18. [HQChart使用教程18-K线截图](https://blog.csdn.net/jones2000/article/details/95738306) \u003cbr\u003e\n19. [HQChart使用教程19-基于HQChart的后台单股票指标计算服务](https://blog.csdn.net/jones2000/article/details/96479448) \u003cbr\u003e\n20. [HQChart使用教程20-单股票截面数据(财务数据)计算器](https://blog.csdn.net/jones2000/article/details/97135592) \u003cbr\u003e\n21. [HQChart使用教程21-十字光标设置说明](https://blog.csdn.net/jones2000/article/details/97682466) \u003cbr\u003e\n22. [HQChart使用教程22-如何创建移动筹码图](https://blog.csdn.net/jones2000/article/details/97928892) \u003cbr\u003e\n23. [HQChart使用教程23-Y轴刻度显示设置](https://blog.csdn.net/jones2000/article/details/98320020) \u003cbr\u003e\n24. [HQChart使用教程24-多语言设置](https://blog.csdn.net/jones2000/article/details/98734091) \u003cbr\u003e\n25. [HQChart使用教程25-叠加多个品种设置](https://blog.csdn.net/jones2000/article/details/98878463) \u003cbr\u003e\n26. [HQChart使用教程26-K线图及走势图数据自动更新设置](https://blog.csdn.net/jones2000/article/details/99483328) \u003cbr\u003e\n27. [HQChart使用教程27-动态设置K线图指标模板](https://blog.csdn.net/jones2000/article/details/100079989) \u003cbr\u003e\n28. [HQChart使用教程28-如何创建系统指标](https://blog.csdn.net/jones2000/article/details/100103486) \u003cbr\u003e\n29. [HQChart使用教程31-走势图异动数据设置](https://blog.csdn.net/jones2000/article/details/100191957) \u003cbr\u003e\n30. [HQChart使用教程32-如何K线图显示自定义SVG矢量图标](https://blog.csdn.net/jones2000/article/details/100613634) \u003cbr\u003e\n33. [HQChart使用教程39-指标中如何绘制文本分割线](https://blog.csdn.net/jones2000/article/details/101487482) \u003cbr\u003e\n34. [HQChart使用教程40-如何自定义分钟周期或日线周期K线](https://blog.csdn.net/jones2000/article/details/101722958) \u003cbr\u003e\n35. [HQChart使用教程41-分钟K线设置拖拽自动下载历史数据](https://blog.csdn.net/jones2000/article/details/102471720) \u003cbr\u003e\n36. [HQChart使用教程42-K线图如何对接数字货币](https://blog.csdn.net/jones2000/article/details/102493905) \u003cbr\u003e\n37. [HQChart使用教程43-日K线设置拖拽自动下载历史数据](https://blog.csdn.net/jones2000/article/details/102511317) \u003cbr\u003e\n38. [HQChart使用教程45-如何动态修改指标参数](https://blog.csdn.net/jones2000/article/details/102594672) \u003cbr\u003e\n39. [HQChart使用教程46-分钟周期数据计算外部接口](https://blog.csdn.net/jones2000/article/details/102628045) \u003cbr\u003e\n40. [HQChart使用教程47-如何自定义右键菜单](https://blog.csdn.net/jones2000/article/details/102720671) \u003cbr\u003e\n41. [HQChart使用教程48-如何自定义X轴刻度](https://blog.csdn.net/jones2000/article/details/102741428) \u003cbr\u003e\n42. [HQChart使用教程49-指标配置项说明](https://blog.csdn.net/jones2000/article/details/102928907) \u003cbr\u003e\n43. [HQChart使用教程50-Y轴自定义刻度设置说明](https://blog.csdn.net/jones2000/article/details/103174483) \u003cbr\u003e\n44. [HQChart使用教程51-指标切换按钮事件说明-h5版本](https://blog.csdn.net/jones2000/article/details/103187576) \u003cbr\u003e\n45. [HQChart使用教程52-自定义手机端K线图Tooltip](https://blog.csdn.net/jones2000/article/details/103820718) \u003cbr\u003e\n46. [HQChart使用教程53-log日志输出控制](https://blog.csdn.net/jones2000/article/details/104122774) \u003cbr\u003e\n47. [HQChart使用教程54-K线缩放控制按钮接口说明](https://blog.csdn.net/jones2000/article/details/104346016) \u003cbr\u003e\n48. [HQChart使用教程55-自定义PC端K线图Tooltip](https://blog.csdn.net/jones2000/article/details/104443471) \u003cbr\u003e\n49. [HQChart使用教程56-内置品种对应后缀列表说明](https://blog.csdn.net/jones2000/article/details/104457569) \u003cbr\u003e\n50. [HQChart使用教程57-如何调整K线的柱子缩放大小](https://blog.csdn.net/jones2000/article/details/104817724)\u003cbr\u003e\n51. [HQChart使用教程58-如何在K线右侧绘制面积图(如深度图)](https://blog.csdn.net/jones2000/article/details/105026997)\u003cbr\u003e\n52. [HQChart使用教程59-跨周期跨股票函数STKINDI使用说明](https://blog.csdn.net/jones2000/article/details/105401909)\u003cbr\u003e\n53. [HQChart使用教程60-新版k线训练使用教程](https://blog.csdn.net/jones2000/article/details/105760924)\u003cbr\u003e\n54. [HQChart使用教程61-画图工具接口使用教程](https://blog.csdn.net/jones2000/article/details/105835428)\u003cbr\u003e\n55. [HQChart使用教程62-品种小数位数设置](https://blog.csdn.net/jones2000/article/details/106592730)\u003cbr\u003e\n56. [HQChart使用教程64-前端自定义周期算法接口](https://blog.csdn.net/jones2000/article/details/107633707)\u003cbr\u003e\n57. [HQChart使用教程65-设置指标输出动态变量名](https://blog.csdn.net/jones2000/article/details/108675254)\u003cbr\u003e\n58. [HQChart使用教程66-自定义数据下载文字提示效果](https://blog.csdn.net/jones2000/article/details/109007027)\u003cbr\u003e\n59. [HQChart使用教程67-鼠标点击K线柱子监听事件](https://blog.csdn.net/jones2000/article/details/109119390)\u003cbr\u003e\n60. [HQChart使用教程68-配置DRAWTEXT,DRAWICON,DRAWNUMBER字体大小](https://blog.csdn.net/jones2000/article/details/109244069)\u003cbr\u003e\n61. [HQChart使用教程69-获取指定股票的K线数据](https://blog.csdn.net/jones2000/article/details/111736960)\u003cbr\u003e\n62. [HQChart使用教程70 -通达信语法检测/指标翻译](https://blog.csdn.net/jones2000/article/details/112998609)\u003cbr\u003e\n63. [HQChart使用教程71-如何自定义Y轴刻度线](https://blog.csdn.net/jones2000/article/details/113666565)\u003cbr\u003e\n64. [HQChart使用教程72-画图工具波浪尺刻度配置](https://blog.csdn.net/jones2000/article/details/113923817)\u003cbr\u003e\n65. [HQChart使用教程73-使用Vue3.0创建HQChart图形](https://blog.csdn.net/jones2000/article/details/114954091)\u003cbr\u003e\n66. [HQChart使用教程74-使用快速创建数字币深度图](https://blog.csdn.net/jones2000/article/details/115322752)\u003cbr\u003e\n67. [HQChart使用教程75-K线图鼠标单击事件接口](https://blog.csdn.net/jones2000/article/details/115707759)\u003cbr\u003e\n68. [HQChart使用教程76-K线图手势事件接口](https://blog.csdn.net/jones2000/article/details/115862159)\u003cbr\u003e\n69. [HQChart使用教程77-Y轴刻度文字创建事件回调](https://blog.csdn.net/jones2000/article/details/116376898)\u003cbr\u003e\n70. [HQChart使用教程78-分时图集合竞价](https://blog.csdn.net/jones2000/article/details/116523681)\u003cbr\u003e\n71. [HQChart使用教程79-异常处理接口](https://blog.csdn.net/jones2000/article/details/117524401)\u003cbr\u003e\n72. [HQChart使用教程80-自定义指标标题信息](https://blog.csdn.net/jones2000/article/details/117803420)\u003cbr\u003e\n73. [HQChart使用教程81-自定义指标窗口高度](https://jones2000.blog.csdn.net/article/details/118652171)\u003cbr\u003e\n74. [HQChart使用教程82-动态修改叠加指标参数](https://jones2000.blog.csdn.net/article/details/118681399)\u003cbr\u003e\n75. [HQChart使用教程83-K线图最高最低价显示配置](https://jones2000.blog.csdn.net/article/details/118856130)\u003cbr\u003e\n76. [HQChart使用教程84-十字光标右侧按钮事件](https://jones2000.blog.csdn.net/article/details/120562697)\u003cbr\u003e\n77. [HQChart使用教程85-股票复权计算](https://jones2000.blog.csdn.net/article/details/120700837)\u003cbr\u003e\n\n## 小程序教程\n1. [HQChart小程序教程1-如何快速的创建一个K线图](https://developers.weixin.qq.com/community/develop/article/doc/0006c451ac81589915b89d1c55bc13) \u003cbr\u003e\n2. [HQChart小程序教程2-如何使用新版2D画布创建一个K线图](https://blog.csdn.net/jones2000/article/details/105632095)\u003cbr\u003e\n3. [HQChart小程序教程3-新版2D单画布如何切换K线图和分时图](https://blog.csdn.net/jones2000/article/details/108378355)\u003cbr\u003e\n\n## uni-app教程\n1. [HQChart使用教程79-uniapp中hqchart内置组件使用教程](https://blog.csdn.net/jones2000/article/details/116592718)\u003cbr\u003e\n2. [HQChart使用教程35-如何在uni-app创建K线图(h5)](https://blog.csdn.net/jones2000/article/details/101039026) \u003cbr\u003e\n3. [HQChart使用教程36-如何在uni-app创建走势图(h5)](https://blog.csdn.net/jones2000/article/details/101039673) \u003cbr\u003e\n4. [HQChart使用教程37-如何在uni-app创建k线图(app)](https://blog.csdn.net/jones2000/article/details/101075683) \u003cbr\u003e\n5. [HQChart使用教程38-如何在uni-app创建走势图(app)](https://blog.csdn.net/jones2000/article/details/101481960) \u003cbr\u003e\n6. [HQChart使用教程44-uniapp使用条件编译同时支持h5,app,小程序](https://blog.csdn.net/jones2000/article/details/102529190) \u003cbr\u003e\n7. [HQChart使用教程60-解决uniapp-app页面隐藏后在显示白屏的问题](https://blog.csdn.net/jones2000/article/details/105484202) \u003cbr\u003e\n8. [HQChart使用教程63-uniapp使用renderjs+hqchart(h5)](https://blog.csdn.net/jones2000/article/details/106933985)\u003cbr\u003e\n9. [HQChart实战教程40-如何制作hqchart组件(uniapp版本)](https://blog.csdn.net/jones2000/article/details/116034602)\u003cbr\u003e\n\n## 第3方数据前端接入教程(走势图)\n1. [HQChart使用教程29-走势图如何对接第3方数据1](https://blog.csdn.net/jones2000/article/details/100132357) \u003cbr\u003e\n2. [HQChart使用教程29-走势图如何对接第3方数据2-最新分时数据](https://blog.csdn.net/jones2000/article/details/100149703) \u003cbr\u003e\n3. [HQChart使用教程29-走势图如何对接第3方数据3-多日分时数据](https://blog.csdn.net/jones2000/article/details/100150842) \u003cbr\u003e\n4. [HQChart使用教程29-走势图如何对接第3方数据4-叠加股票分时数据](https://blog.csdn.net/jones2000/article/details/100167703) \u003cbr\u003e\n5. [HQChart使用教程29-走势图如何对接第3方数据4-异动提示信息](https://blog.csdn.net/jones2000/article/details/100516071) \u003cbr\u003e\n6. [HQChart使用教程29-走势图如何对接第3方数据5-指标数据](https://blog.csdn.net/jones2000/article/details/102426337) \u003cbr\u003e\n7. [HQChart使用教程29-走势图如何对接第3方数据6-websocket分钟数据](https://blog.csdn.net/jones2000/article/details/102568258) \u003cbr\u003e\n8. [HQChart使用教程29-走势图如何对接第3方数据7-叠加股票最新分时数据](https://blog.csdn.net/jones2000/article/details/110525351) \u003cbr\u003e\n\n## 第3方数据前端接入教程(K线图)\n1. [HQChart使用教程30-K线图如何对接第3方数据1](https://blog.csdn.net/jones2000/article/details/100181279) \u003cbr\u003e\n2. [HQChart使用教程30-K线图如何对接第3方数据2-日K数据](https://blog.csdn.net/jones2000/article/details/100552022) \u003cbr\u003e\n3. [HQChart使用教程30-K线图如何对接第3方数据3-1分钟K数据](https://blog.csdn.net/jones2000/article/details/100557649) \u003cbr\u003e\n4. [HQChart使用教程30-K线图如何对接第3方数据4-流通股本数据](https://blog.csdn.net/jones2000/article/details/100574186) \u003cbr\u003e\n5. [HQChart使用教程30-K线图如何对接第3方数据5-指标数据](https://blog.csdn.net/jones2000/article/details/100579223) \u003cbr\u003e\n6. [HQChart使用教程30-K线图如何对接第3方数据6-分笔K线数据](https://blog.csdn.net/jones2000/article/details/100671849) \u003cbr\u003e\n7. [HQChart使用教程30-K线图如何对接第3方数据7-日K数据分页下载](https://blog.csdn.net/jones2000/article/details/101275824)\u003cbr\u003e\n8. [HQChart使用教程30-K线图如何对接第3方数据8-1分钟K线数据分页下载](https://blog.csdn.net/jones2000/article/details/101277092) \u003cbr\u003e\n9. [HQChart使用教程30-K线图如何对接第3方数据9-BS指标数据](https://blog.csdn.net/jones2000/article/details/101350429) \u003cbr\u003e\n10. [HQChart使用教程30-K线图如何对接第3方数据10-如何绘制自定义线段或多边行指标数据](https://blog.csdn.net/jones2000/article/details/101694618)\u003cbr\u003e\n11. [HQChart使用教程30-K线图如何对接第3方数据11-如何绘制多组自定义图标](https://blog.csdn.net/jones2000/article/details/101757384) \u003cbr\u003e\n12. [HQChart使用教程30-K线图如何对接第3方数据12-如何在指标中绘制文字](https://blog.csdn.net/jones2000/article/details/101864046) \u003cbr\u003e\n13. [HQChart使用教程30-K线图如何对接第3方数据13-使用websocket更新最新K线数据](https://blog.csdn.net/jones2000/article/details/102138784) \u003cbr\u003e\n14. [HQChart使用教程30-K线图如何对接第3方数据14-轮询增量更新日K数据](https://blog.csdn.net/jones2000/article/details/102518334) \u003cbr\u003e\n15. [HQChart使用教程30-K线图如何对接第3方数据15-轮询增量更新1分钟K线数据](https://blog.csdn.net/jones2000/article/details/102518422) \u003cbr\u003e\n16. [HQChart使用教程30-K线图如何对接第3方数据16-日K叠加股票](https://blog.csdn.net/jones2000/article/details/102661873) \u003cbr\u003e\n17. [HQChart使用教程30-K线图如何对接第3方数据17-分钟K叠加股票](https://blog.csdn.net/jones2000/article/details/102887690) \u003cbr\u003e\n18. [HQChart使用教程30-K线图如何对接第3方数据18-如何绘制自定义柱子](https://blog.csdn.net/jones2000/article/details/104417736)\u003cbr\u003e\n19. [HQChart使用教程30-K线图如何对接第3方数据19-如何绘制彩色K线柱](https://blog.csdn.net/jones2000/article/details/104859784)\u003cbr\u003e\n20. [HQChart使用教程30-K线图如何对接第3方数据20-信息公告数据](https://blog.csdn.net/jones2000/article/details/105876161)\u003cbr\u003e\n21. [HQChart使用教程30-K线图如何对接第3方数据21-跨周期函数数据](https://blog.csdn.net/jones2000/article/details/109063625)\u003cbr\u003e\n22. [HQChart使用教程30-K线图如何对接第3方数据22-FINVALUE函数数据](https://blog.csdn.net/jones2000/article/details/111387095)\u003cbr\u003e\n23. [HQChart使用教程30-K线图如何对接第3方数据23-FINANCE函数数据](https://blog.csdn.net/jones2000/article/details/111999910)\u003cbr\u003e\n24. [HQChart使用教程30-K线图如何对接第3方数据24-如何填充K线背景色](https://blog.csdn.net/jones2000/article/details/112342980)\u003cbr\u003e\n25. [HQChart使用教程30-K线图如何对接第3方数据25-指标脚本自定义变量](https://blog.csdn.net/jones2000/article/details/112755911)\u003cbr\u003e\n26. [HQChart使用教程30-K线图如何对接第3方数据26-指标脚本自定义函数](https://blog.csdn.net/jones2000/article/details/112809781)\u003cbr\u003e\n27. [HQChart使用教程30-K线图如何对接第3方数据27-如何在指标中渲染DOM元素](https://blog.csdn.net/jones2000/article/details/114006164)\u003cbr\u003e\n28. [HQChart使用教程30-K线图如何对接第3方数据28-大盘数据](https://blog.csdn.net/jones2000/article/details/117712105)\u003cbr\u003e\n29. [HQChart使用教程30-K线图如何对接第3方数据29-板块字符串函数数据](https://jones2000.blog.csdn.net/article/details/118887416)\u003cbr\u003e\n30. [HQChart使用教程30-K线图如何对接第3方数据30-即时行情数据DYNAINFO](https://jones2000.blog.csdn.net/article/details/120276612)\u003cbr\u003e\n\n\n## 实战教程\n1. [HQChart实战教程1-外汇分时图](https://blog.csdn.net/jones2000/article/details/103254501) \u003cbr\u003e\n2. [HQChart实战教程2-使用跨周期写指标](https://blog.csdn.net/jones2000/article/details/103275668) \u003cbr\u003e\n3. [HQChart实战教程3-http+ws对接分钟K线数据](https://blog.csdn.net/jones2000/article/details/103882063) \u003cbr\u003e\n4. [HQChart实战教程4-http+ws对接日K线数据](https://blog.csdn.net/jones2000/article/details/103966271) \u003cbr\u003e\n5. [HQChart实战教程5-http+ws对接单日分时图数据](https://blog.csdn.net/jones2000/article/details/103966925) \u003cbr\u003e\n6. [HQChart实战教程6-自定义分时图](https://blog.csdn.net/jones2000/article/details/104165374) \u003cbr\u003e\n7. [HQChart实战教程7-自定义显示手势点击K线显示信息](https://blog.csdn.net/jones2000/article/details/104168610) \u003cbr\u003e\n8. [HQChart实战教程8-如何手动重新初始化hqchart](https://blog.csdn.net/jones2000/article/details/105302626)\u003cbr\u003e\n9. [HQChart实战教程9-自定义A股分时图](https://blog.csdn.net/jones2000/article/details/105587559) \u003cbr\u003e\n10. [HQChart实战教程14-K线图对接第3方http/https数据教程整理](https://blog.csdn.net/jones2000/article/details/106064879)\u003cbr\u003e\n11. [HQChart实战教程17-K线沙盘推演](https://blog.csdn.net/jones2000/article/details/106776837) \u003cbr\u003e\n12. [HQChart实战教程18-多股同列](https://blog.csdn.net/jones2000/article/details/107193410)\u003cbr\u003e\n13. [HQChart实战教程45-自定义指标窗口背景](https://jones2000.blog.csdn.net/article/details/119886468)\u003cbr\u003e\n\n## 火币对接完整教程（付费文章）\n1. [HQChart实战教程10-全ws数据对接HQChart(数字货币对接实战)](https://blog.csdn.net/jones2000/article/details/105698038) \u003cbr\u003e\n2. [HQChart实战教程11-火币网ws数据对接](https://blog.csdn.net/jones2000/article/details/105721190) \u003cbr\u003e\n3. [HQChart实战教程12-火币网ws数据对接分时图](https://blog.csdn.net/jones2000/article/details/105756659) \u003cbr\u003e\n4. [HQChart实战教程13-火币网ws数据对接K线（uniapp)](https://blog.csdn.net/jones2000/article/details/105804461)\u003cbr\u003e\n5. [HQChart实战教程15-火币网ws数据对接拖拽下载历史K线图](https://blog.csdn.net/jones2000/article/details/106205584)\u003cbr\u003e\n6. [HQChart实战教程16-K线图风格配色篇-仿火币网H5配色](https://blog.csdn.net/jones2000/article/details/106226272)\u003cbr\u003e\n\n## 高级应用实战教程（付费文章）\n1. [HQChart实战教程19 - PC端分时图定制tooltip](https://blog.csdn.net/jones2000/article/details/108633991)\u003cbr\u003e\n2. [HQChart实战教程20 - PC端K线图定制tooltip](https://blog.csdn.net/jones2000/article/details/108639960)\u003cbr\u003e\n3. [HQChart实战教程21 - unapp app端分时图定制tooltip](https://blog.csdn.net/jones2000/article/details/108657043)\u003cbr\u003e\n4. [HQChart实战教程21 - uniapp app端K线图定制tooltip](https://blog.csdn.net/jones2000/article/details/108674679)\u003cbr\u003e\n5. [HQChart实战教程22 - PC端定制区间选择菜单](https://blog.csdn.net/jones2000/article/details/108907629)\u003cbr\u003e\n6. [HQChart实战教程23 - 点击K线显示历史分钟走势图](https://blog.csdn.net/jones2000/article/details/109127873)\u003cbr\u003e\n7. [HQChart实战教程24 - 自定义K线画图工具设置框（线段类）](https://blog.csdn.net/jones2000/article/details/109217719)\u003cbr\u003e\n8. [HQChart实战教程25 - 自定义K线画图工具设置框（文字类）](https://blog.csdn.net/jones2000/article/details/109267078)\u003cbr\u003e\n9. [HQChart实战教程30 - 配置K线画图](https://blog.csdn.net/jones2000/article/details/113819121)\u003cbr\u003e\n10. [HQChart实战教程26 - K线画图工具增加自定义图标](https://blog.csdn.net/jones2000/article/details/109529224)\u003cbr\u003e\n11. [HQChart实战教程27 - 走势图最后一个数据增加动画点](https://blog.csdn.net/jones2000/article/details/111599341)\u003cbr\u003e\n12. [HQChart实战教程28 - 动态切换颜色风格](https://blog.csdn.net/jones2000/article/details/112563596)\u003cbr\u003e\n13. [HQChart实战教程29 - 指标参数保存到本地缓存](https://blog.csdn.net/jones2000/article/details/113349967)\u003cbr\u003e\n14. [HQChart实战教程39 - K线图键盘事件重载](https://blog.csdn.net/jones2000/article/details/115921430)\u003cbr\u003e\n15. [HQChart实战教程43 - K线面积图最后一个数据增加动画点](https://jones2000.blog.csdn.net/article/details/118774299)\u003cbr\u003e\n16. [HQChart实战教程44 - 多指标窗口动态增长高度](https://jones2000.blog.csdn.net/article/details/119188383)\u003cbr\u003e\n17. [HQChart实战教程46-十字光标右侧按钮点击增加刻度线](HQChart实战教程46-十字光标右侧按钮点击增加刻度线)\u003cbr\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjones2000%2Fhqchart-super","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjones2000%2Fhqchart-super","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjones2000%2Fhqchart-super/lists"}