十字光标右侧按钮

HQChart十字光标提供一个内置的十字光标按钮，可以通过这个按钮增加对应的功能，如在十字光标位置的价格位置点击卖出或买入股票，或弹菜单等等。
按钮效果图

开启十字光标右侧按钮

在setoption里面设置
CorssCursorInfo.RightButton.Enable=true
详见教程HQChart使用教程21-十字光标设置说明

this.Option=
{Type:'历史K线图',   //创建图形类型..................CorssCursorInfo: { DateFormatType:3, HPenType:1, VPenType:1 ,VLineType:0,RightButton:{ Enable:true } },.........
}

注册监听按钮点击事件

事件IDJSCHART_EVENT_ID.ON_CLICK_CROSSCURSOR_RIGHT
注册事件详见教程HQChart使用教程5- K线图控件操作函数说明

......
this.Chart.SetOption(this.Option);  //设置K线配置
.......
this.Chart.AddEventCallback({event:JSCHART_EVENT_ID.ON_CLICK_CROSSCURSOR_RIGHT, callback:(event, data, obj)=>{ this.ClickCrossCursor(event, data, obj); }}
)

回调函数参数说明

回调函数

回调函数定义 function(event, data, obj)

event

事件注册信息

data

点击数据信息
data数据结构如下：

{"Button": {"Data": {"Y": 246,"YValue": 18.438317757009347,"FrameID": 0},"Rect": {"Left": 1845.3701171875,"Top": 236,"Width": 20,"Height": 20}},"e": {"isTrusted": true}
}

Button

Button.Data

按钮信息：Y:Y轴的坐标， YValue:Y轴的数值， FrameID:指标窗口索引ID

Button.Rect

整个hqchart图形坐标和大小信息

e

点击事件的信息

obj

hqchart内部实例

实战教程

HQChart实战教程46-十字光标右侧按钮点击增加刻度线

交流QQ群: 950092318

如果还有问题可以加交流QQ群: 950092318

HQChart代码地址

地址：github.com/jones2000/HQChart

HQChart使用教程84-十字光标右侧按钮事件相关推荐

HQChart实战教程46-十字光标右侧按钮点击增加刻度线
HQChart实战教程46-十字光标右侧按钮点击增加刻度线功能介绍启动十字光标按钮注册按钮监听事件点击回调函数交流QQ群: 950092318 HQChart代码地址完整的例子代码功能介 ...
HQChart使用教程5- K线图控件操作函数说明
K线图控件操作函数说明周期切换切换股票切换指标增加一个窗口指标 AddIndexWindow indexName option 增加一个自定义通达信脚本指标窗口 AddScriptIndexW ...
cad在哪里设置图幅大小_CAD教程之如何设置十字光标大小及颜色
前几天在"AutoCAD教程"微信公众号后台,看到有网友留言"十字光标颜色怎么改?" 由于CAD软件默认的颜色是白色,实际应用中,黑底白字看起来也是最舒服的, ...
HQChart使用教程1- 如何快速创建一个K线图页面
快速创建一个K线图页面 HQChart介绍 demo页面代码 Option的配置项说明 Type Symbol IsAutoUpdate IsShowRightMenu IsShowCorssCurs ...
HQChart使用教程7- 如何快速创建一个分时图页面
如何快速创建一个分时图页面 demo页面代码品种代码后缀 Option的配置项说明 Type Symbol IsAutoUpdate DayCount Border Minute DragMode ...
HQChart使用教程74-使用快速创建数字币深度图
HQChart使用教程74-使用快速创建数字币深度图深度图效果图 demo例子 demo地址代码 Option项说明 Type Symbol IsAutoUpdate AutoUpdateFre ...
HQChart使用教程9- 如何快速创建K线训练页面
HQChart使用教程9- 如何快速创建K线训练页面 K线训练已重构新版本使用详见 demo页面部分代码 Option的配置项说明注册K线训练K线移动的监听 K线训练操作接口 HQChart代码地址 ...
HQChart使用教程4- 如何自定义K线图颜色风格
如何自定义K线图颜色风格切换整体风格函数 uniapp/小程序修改部分配置颜色风格配置字段说明配置项说明 y轴顶部刻度文字向下偏移 X轴底部刻度文字,向下偏移 K线标题字段配色修改 PC端to ...
HQChart使用教程63-uniapp使用renderjs+hqchart(h5)
HQChart使用教程63-uniapp使用renderjs+hqchart 序步骤 1. 安装依赖模块 2. 创建 renderjs qhchart模块 3. 使用HQChartCtrl对hqch ...

HQChart使用教程84-十字光标右侧按钮事件