HQChart实战教程68-自定义分时图PC端tooltip显示数据

HQChart

于 2023-11-02 14:47:43 发布

阅读量364

点赞数

分类专栏： hqchart高级应用教程2 文章标签： HQChart 股票走势图 K线图

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/jones2000/article/details/134182120

版权

hqchart高级应用教程2 专栏收录该内容

19 篇文章 14 订阅 ¥299.90 ¥399.90

订阅专栏

本教程详细介绍了如何在HQChart中自定义PC端分时图的tooltip，以显示更多分钟线信息。通过配置tooltip和替换格式化输出函数，可以实现自定义的数据显示。示例代码和源码链接提供参考。

摘要由CSDN通过智能技术生成

HQChart实战教程68-自定义分时图PC端tooltip显示数据

PC端分时图tooltip
步骤
HQChart插件源码地址
示例源码

PC端分时图tooltip

在这里插入图片描述
hqchartPC端内置一个tooltip，显示十字光标所在分钟线的信息。默认显示日期，时间，价格，均价，涨幅，成交量，成交金额。如果要额外显示其他的字段，就需要通过替换格式化标题输出函数来是现实。
下图是一个自定义格式输出tooltip的效果图
在这里插入图片描述

步骤

1. 配置PC端tooltip

在setoption配置PC端tooltip.

//分时图配置信息
this.Option= 
{
   
    Type:'分钟走势

了解本专栏

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
HQChart实战教程68-自定义分时图PC端tooltip显示数据

hqchartPC端内置一个tooltip，显示十字光标所在分钟线的信息。默认显示日期，时间，价格，均价，涨幅，成交量，成交金额。如果要额外显示其他的字段，就需要通过替换格式化标题输出函数来是现实。返回 AryText:[ { Text:文字, TextColor:颜色， Title:标题, TitleColor:标题颜色 }，…我们在hqchart实例创建完成以后,通过OnCreatedCallback回调函数替换自己的格式化输出函数。数据结构见 MinuteData()
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

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

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

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

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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