> 文章列表 > HQChart实战教程60-如何定制十字光标输出内容

HQChart实战教程60-如何定制十字光标输出内容

文章列表

HQChart实战教程60-如何定制十字光标输出内容

HQChart实战教程60-如何定制十字光标输出内容

十字光标
- 效果图
步骤：
- 1. 注册事件
- 2. 外部格式化输出内容
- - Y 轴输出说明
  - X轴输出说明
HQChart插件源码地址
完整的demo源码

十字光标

当鼠标或手势在K线上移动的时候，会出现一个十字线，已经X轴和Y轴对应数值的输出。X轴输出日期+时间， Y轴输出当前的数值。有时候我们需要指定输出的内容，HQChart支持自定义输出的文字及颜色如下图。

效果图

在这里插入图片描述

步骤：

1. 注册事件

如何注册事件见教程 HQChart使用教程5- K线图控件操作函数说明‘