其他分享
首页 > 其他分享> > HQChart使用教程21-十字光标设置说明

HQChart使用教程21-十字光标设置说明

作者：互联网

十字光标设置说明

十字光标设置

在 SetOption() 中可以支持十字光标显示位置（框架外,框架内,隐藏)
设置 CorssCursorInfo 里面的变量就可以

var option=
{
   Type:'分钟走势图',
   ......
   CorssCursorInfo:{ Left:2, Right:1, Bottom:1, IsShowCorss:true },  //十字光标刻度设置

CorssCursorInfo变量说明

Left: 左边的十字光标文字输出位置 0=隐藏 1=显示在框架外 2=显示在框架内
Right: 右边的十字光标文字输出位置 0=隐藏 1=显示在框架外 2=显示在框架内
Bottom 底部十字光标日期位子输出位置 0=隐藏 1=显示在框架外
IsShowCorss 是否显示十字线

例子1

CorssCursorInfo:{ Left:1, Right:1, Bottom:1, IsShowCorss:true }
显示十字线， 十字光标刻度都现在是框架外
在这里插入图片描述

例子2

CorssCursorInfo:{ Left:1, Right:0, Bottom:1, IsShowCorss:true }
显示十字线， 十字光标右边文字隐藏，其他都现在是框架外
在这里插入图片描述

例子3

CorssCursorInfo:{ Left:2, Right:0, Bottom:1, IsShowCorss:true }
显示十字线， 十字光标右边文字隐藏，左边文字在框架内显示，底部文字在框架外显示
在这里插入图片描述

例子4

CorssCursorInfo:{ Left:0, Right:2, Bottom:1, IsShowCorss:true }
显示十字线， 十字光标左边文字隐藏，右边文字在框架内显示，底部文字在框架外显示
在这里插入图片描述

走势图和k线图一样的设置

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

HQChart代码地址

地址：https://github.com/jones2000/HQChart

标签：HQChart,21,框架,Bottom,十字,Left,光标,CorssCursorInfo
来源： https://blog.csdn.net/jones2000/article/details/97682466