HQChart使用教程76-K线图手势事件接口
移动端手势事件
HQChart提供移动端手势事件点击K线图触发这个事件回调, 支持touchstart, touchend这2个事件
步骤
1. 注册点击事件回调
通过AddEventCallback函数注册一个鼠标点击回调事件
如何注册事件参看教程HQChart使用教程5- K线图控件操作函数说明
事件ID为:JSCHART_EVENT_ID.ON_PHONE_TOUCH
this.Chart.AddEventCallback(
{
event: JSCHART_EVENT_ID.ON_PHONE_TOUCH,
callback:(event, data, chart)=>{ this.OnPhoneTouch(event, data, chart);}
} );
2. 回调函数说明
function(event, data, chart)
event
事件信息
data
点击事件数据
X, Y 手机点击的X,Y轴坐标.
FrameID: 点击窗口的ID, 从0开始, 如果是-1, 就是点击再K线图外面
Data:{X, Y} 点击K线图上, 对应Y轴, X轴的值. 注意X是当前屏的索引, 如果要算对应的K线位置, 如果加上K线的偏移.
FunctionName:手势对应的事件名称 OnTouchStart,OnTouchEnd
Drag:手势移动的起始和结束坐标
数据截图
chart
hqchart内部图形实例
this.OnPhoneTouch=function(event, data, chart)
{
JSConsole.Chart.Log('[KLineChart::OnPhoneTouch] event, data', event , data);
}
交流QQ群: 950092318
如果还有问题可以加交流QQ群: 950092318