HQChart实战教程23 - 点击K线显示历史分钟走势图

最新推荐文章于 2023-04-14 21:03:27 发布
最新推荐文章于 2023-04-14 21:03:27 发布
阅读量1.4k 收藏
点赞数
分类专栏： hqchart高级应用教程 文章标签： hqchart k线图 kline 量化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jones2000/article/details/109127873
版权
hqchart高级应用教程 专栏收录该内容
27 篇文章 166 订阅 ¥299.90 ¥99.00
订阅专栏

HQChart实战教程23 - 点击K线显示历史分钟走势图

需求

点击某一天的K线，弹框显示这一天的走势图，一般PC端的行情软件是这样显示的
在这里插入图片描述
hqchart也是可以实现这样的效果
预备知识：
HQChart使用教程67 - 鼠标点击K线柱子监听事件
HQChart使用教程29-走势图如何对接第3方数据2-最新分时数据

步骤

1. 注册K线点击监听事件

注册K线点击监听事件，你可以监听双击或单击，demo里面使用单击
如果注册K线点击监听事件，详见教程HQChart使用教程67 - 鼠标点击K线柱子监听事件

this.Create=funct
了解本专栏 订阅专栏 解锁全文
HQChart
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
HQChart实战教程27-走势图最后一个数据增加动画点
小银
12-23 642
HQChart实战教程27-走势图最后一个数据增加动画点动画效果步骤1. 在分时图的div里面建一个元素2. 注册分时图最后一个点的位置信息3. ON_DRAW_MINUTE_LAST_POINTeventdata4. 回调事件实现开启定时器切换股票交流QQ群: 950092318HQChart代码地址完整代码 动画效果 在分时图最后一个点的数据增加点闪动效果 通过在画布上层增肌一个， 让定时变色就可以达到闪动效果 步骤 1. 在分时图的div里面建一个元素 在 里面显示一个svg点. <div id
Chart实现实时趋势图以及历史趋势图
12-11
主要介绍如何用C#中自带的Chart控件实现添加sin曲线、cos曲线、绘制鼠标运行轨迹，以及监控实时趋势的功能。
HQChart实战教程1-外汇分时图
小银
11-26 2728
HQChart实战教程1-外汇分时图需求HQChart需要的数据品种代码网络协议名字网络协议回调分时数据下载当天全量数据下载全量数据转hqchart格式增量数据更新下载增量数据更新到hqchart自动更新频率控制 需求 对接第3方外汇数据， 显示外汇分时图, 注意这种分时图是固定时间段的， 是不能左右拖动的。如果要左右拖动的使用K线面积图来做。 第3方数据，接触下来， 一般好像没有当日分时的API...
HQChart使用教程31- 走势图异动数据设置
小银
09-02 1216
走势图异动数据设置效果图SetOption配置异动数据异动信息显示样式配置 效果图 SetOption配置异动数据 var option= { Type:'分钟走势图', ........ Info:[ "大盘异动" ], //设置大盘异动数据, } **Info **：类型数组，可以配置多了数据， 目前只有一个’大盘异动’...
[独家]自动播放K线图训练盘感能力！股票量化分析工具QTYX-V2.3.5
hangzhouyx的博客
01-28 1万+
K线量价的重要性K线图对炒股的朋友来说太熟悉不过了，每一根K线包含了开盘价、收盘价、最高价和最低价这四个价位信息，分别用红和绿两种颜色来表示上涨或下跌，反映了单位时间周期内价格变动的情况。...
HQChart使用教程60-新版k线训练使用教程
01-20
HQChart使用教程60-新版k线训练使用教程样例页面K线训练重构创建K线图操作接口下一个K线自动/停止自动移动K线买卖股票K线移动监听事件买卖数据计算K线背景色设置功能买卖图标修改完整代码HQChart代码地址如果教程或...
HQChart分钟K线图(Vue)
10-03
【HQChart分钟K线图(Vue)】是一个基于Vue2技术框架实现的股票市场分析工具，主要用于展示股票的分钟级K线数据。K线图，又称阴阳烛图，是金融图表分析中的重要工具，用于直观地展示股票价格的变动情况，包括开盘价、...
HQChart日K线图(Vue)
10-02
【HQChart日K线图(Vue)】是一个基于Vue2技术框架实现的股票图表组件，主要专注于展示股票的日K线数据。此项目提供了一个示例，演示如何将第三方数据源（如东方财富网）与HQChart组件相结合，为用户提供实时、直观的...
K线图，走势图，支持通达信语法
11-30
1. K线图 支持前复权,后复权 支持日线,月线,周线,年线. 主图支持股票叠加 支持常用指标指标(目前以录入系统指标85个) 均线，BOLL，MACD，KDJ，VOL，RSI，BRAR，WR，BIAS，OBV，DMI，CR，PSY，CCI， DMA，TRIX，...
HQChart分时图(Vue)
09-13
4. **K线图**：K线图，又称蜡烛图，是股票市场中常用的一种图表，用于显示一段时间内的价格波动。它由开盘价、收盘价、最高价和最低价四个要素构成，通过不同形状的“蜡烛”来表示涨跌情况。 5. **npm run dev**：...
HQChart使用教程26- K线图及走势图数据自动更新设置
小银
08-13 4887
K线图及走势图数据自动更新设置SetOption 设置数据自动更新K线图数据流程 SetOption 设置数据自动更新 var option= { Type:'历史K线图', ...... IsAutoUpdate:true, //是自动更新数据 AutoUpdateFrequency:10000, //数据更新频率 ......... } I...
HQChart报价列表高级应用教程7-创建走势图列
小银
04-14 594
报价列表走势图列
HQChart使用教程89-最后一根k线倒计时功能
小银
03-22 1438
HQChart使用教程89-k线周期倒计时接口需求步骤1. 开启Y轴倒计时功能2. 注册倒计时监听事件3. 倒计时回调函数参数说明4. 创建一个倒计时的DOM注意事项交流QQ群: 950092318HQChart代码地址 需求 在K线的最后一个数据上显示， 这个周期的结束时间倒计时。效果图如下： 步骤 1. 开启Y轴倒计时功能 在setoption里面配置Y轴倒计时 配置第一个指标框架下，Y轴最新价格刻度增加"CountDown":true this.Option= { Type:'历史K线图
HQChart使用教程30-K线图如何对接第3方数据2-日K数据
小银
09-05 7221
K线图如何对接第3方数据2-日K数据协议名称-多日分时数据协议日志截图Request 字段说明countsymbolfield返回json数据结构数据截图namesymbolcountstart, enddata数据截图 协议名称-多日分时数据 对应代码的类名和函数名： KLineChartContainer::RequestHistoryData 协议日志截图 Request 字段说明 Req......
HQChart使用教程6- 如何获取K线图上的指标数据进行回测
小银
05-18 3273
K线图控件操作函数说明注册指标计算完成监听事件指标结果数据结构说明简单的前端回测计算类(RegressionTest)HQChart代码地址 对指标的数据进行统计或回测是验证指标是否有效的一个重要功能，一般这些功能都会由服务器进行计算，返回给前端。对于一些简单指标统计计算是可以由客户端计算的，毕竟现在的手机性能已经和强大了。这章我们介绍如果从K线图中获取指标数据并进行统计 注册指标计算完成监听事件...
hqchart使用总结及方法--react+hqchart
Uxiao7的博客
10-26 1019
1.根据不同的 Period: 0, //周期: 0 日线 1 周线 2 月线 3 年线去使用NetworkFilter里的data会返回Name。//hqchart图形适配 把chart 放在最外面就可以控制。//引用HQChart ,要使用状态栏的小图标必须引用css。1.在react项目中下载hqchart。1.创建一个hqchart图形。//动态请求网络数据接口。//需要的Option。
HQChart使用教程96-指标图形双击
小银
07-12 852
新版的HQChart增加了鼠标点击选中图形功能，可以选中K线，叠加K线，指标线段等。也支持拖拽指标图形到不同的指标窗口。
HQChart使用教程1- 如何快速创建一个K线图页面
热门推荐
小银
05-16 3万+
快速创建一个K线图页面HQChart介绍demo页面代码Option的配置项说明 效果图 HQChart介绍 功能: 提供K线，走势图， 支持通达信语法指标（麦语法), 画图工具，等等… 支持PC端页面， 小程序，手机端页面。 地址：https://github.com/jones2000/HQChart demo页面代码 git下载代码 在webhqchart.demo\demo 目录下创建一......
HQChart使用教程75-K线图鼠标单击事件接口
小银
04-14 649
HQChart使用教程75-K线图鼠标单击事件接口鼠标单击事件步骤1. 注册点击事件回调2. 回调函数说明eventdatachart交流QQ群: 950092318HQChart代码地址 鼠标单击事件 HQChart提供鼠标点击K线图触发这个事件回调 步骤 1. 注册点击事件回调 通过AddEventCallback函数注册一个鼠标点击回调事件 如何注册事件参看教程HQChart使用教程5- K线图控件操作函数说明 事件ID为:JSCHART_EVENT_ID.ON_CLICK this.Chart.Ad
uniapp 股票k线图
最新发布
08-15
uniapp是一个基于Vue.js的跨平台开发框架，可以用于创建移动端应用程序。如果你想在uniapp中创建股票K线图，可以使用HQChart插件。首先，你需要创建一个uni-app工程，并将"umychart_uniapp_h5"目录拷贝到工程中。然后，在你的页面中引入"umychart.uniapp.h5.js"。通过这样的步骤，就可以在uni-app中使用HQChart插件创建K线图了。如果需要对接第三方数据，可以参考HQChart使用教程29和56，了解如何对接数据和品种代码的后缀列表。具体代码实现可以参考HQChart实战教程35和相关文件中的代码。如果你有更多的问题，可以加入交流QQ群950092318，获取更多帮助。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [HQChart使用教程35 - 如何在uni-app创建K线图(h5)](https://blog.csdn.net/jones2000/article/details/101039026)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [HQChart实战教程35-A股分时图数据对接-uniapp版本](https://blog.csdn.net/jones2000/article/details/113777111)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

HQChart

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值