触屏设备上数据图形对比的实现方法和装置制造方法及图纸

技术编号:15746110 阅读:69 留言:0更新日期:2017-07-03 00:42
本申请提供一种触屏设备上数据图形对比的实现方法,包括:显示至少两个展示项,所述各个展示项随同一个变量而变化;在检测到以至少两个展示项为操作对象的预定触屏手势后,显示所述至少两个操作对象相对于所述变量的对比图形。通过本申请的技术方案,开发人员不再需要单独的图形对比模块来实现对比功能,降低了触屏设备上软件的复杂性,并且使得用户的操作大为简化,提高了用户的效率。

Method and device for realizing data graphics comparison on touch screen device

The invention provides a method for realizing data, graphical comparison on touch devices including a display at least two display, the display changes with a variable; in the detected at least two display for operation object predetermined touch gesture, the variable contrast graphics display the at least two relative to the operation object. Through the technical scheme of the application, developers no longer need to separate module to achieve a graphical comparison contrast function, reduces the complexity of the touch-screen device software, and makes the user's operation is simplified, improve the efficiency of the user.

【技术实现步骤摘要】
触屏设备上数据图形对比的实现方法和装置
本申请涉及数据处理和人机交互
,尤其涉及一种触屏设备上数据图形对比的实现方法和装置。
技术介绍
随着移动互联技术的发展和移动设备性能的提高,运行在移动设备上的各种客户端App(应用)得到了飞速发展。这些App提供的功能几乎涵盖了生活工作的每一个方面,为用户带来极大的便利。证券软件逐渐成为智能终端App中重要的一个分支。除了查看行情及资讯、买卖操作之外,在不同股票或基金之间进行分时走势、K线、成交量等指标的图形对比,也是证券软件不可或缺的功能。现有技术中,如果用户希望对比两只股票的分时走势,需要先点击“股票对比”功能选项,打开股票对比页面,股票对比页面上显示有若干只股票的列表;用户在股票对比页面逐一选择希望进行对比的股票,选择完成后点击“对比”按钮,然后才能看到所选择股票的分时走势图的对比。这种实现方式需要App开发人员用单独的图形对比模块、增加多个页面来实现相应的功能,增加了移动设备上软件的复杂程度;对用户而言,需要在两个页面上进行多次操作,过于繁琐且效率低下。
技术实现思路
有鉴于此,本申请提供一种触屏设备上数据图形对比的实现方法,包括:显示至少两个展示项,所述各个展示项随同一个变量而变化;在检测到以至少两个展示项为操作对象的预定触屏手势后,显示所述至少两个操作对象相对于所述变量的对比图形。本申请还提供了一种触屏设备上数据图形对比的实现装置,包括:展示项显示单元,用于显示至少两个展示项,所述各个展示项随同一个变量而变化;对比图形显示单元,用于在检测到以至少两个展示项为操作对象的预定触屏手势后,显示所述至少两个操作对象相对于所述变量的对比图形。由以上技术方案可见,本申请的实施例中,在显示至少两个展示项的页面上,通过以至少两个展示项为操作对象的预定触屏手势,即可查看操作对象的对比图形,这样开发人员不再需要单独的图形对比模块来实现对比功能,降低了触屏设备上软件的复杂性,并且使得用户的操作大为简化,提高了用户的效率。附图说明图1是本申请实施例中一种触屏设备上数据图形对比的实现方法的流程图;图2是本申请应用示例中一种股票列表显示界面;图3是本申请应用示例中一种将一只股票拖动到另一只股票上的显示界面;图4是本申请应用示例中一种在弹层上显示两只股票分时走势对比图的显示界面;图5触屏设备的一种硬件结构图;图6是本申请实施例中一种触屏设备上数据图形对比的实现装置的逻辑结构图。具体实施方式本申请的实施例提出一种新的触屏设备上数据图形对比的实现方法,用户只要在显示若干个展示项的页面上,做出以至少两个展示项为操作对象的预定触屏手势,即可看到操作对象的对比图形,用户的操作得到了极大的简化,软件开发人员也不在需要开发单独的图形对比模块,简化了触屏设备上软件实现,使得开发人员和用户的效率都大为提高,从而解决现有技术中存在的问题。本申请的实施例应用在以能够感知用户手势的触摸屏为输入部件的触屏设备上,该触屏设备可以是智能手机、平板电脑、笔记本、服务器等设备。本申请实施例中,触屏设备上数据图形对比的实现方法的流程如图1所示。步骤110,显示至少两个展示项,每个展示项随同一个变量而变化。展示项包括各种用来进行比较的同类型数据。通常而言,对比图形是基于相同的横轴,以纵轴来显示两个以上的进行对比的数据的不同之处;也就是说,适于进行图形对比的展示项随同一个变量而变化,而对比图形是相对于同一个取值范围的该变量,根据两个以上展示项的具体数值生成的图形。例如,展示项可以是价格、成交量、收入、或消费等数据,这些展示项都随时间而变化。以时间为横轴,可以用折线图、柱状图或散点图来表示同一个时间区间内,不同主体的展示项的对比图形。例如,2015年3月到9月员工甲和员工乙的月销售金额柱状对比图、9月每天两个区域住房成交量平米数的散点对比图等。在各种客户端软件、浏览器中,可对比的同类型数据(即展示项)通常会类似的形式陈列在同一个页面中,每个展示项的显示内容包括展示项名称、当前值、与该展示项相关的其他指标中的一个到多个。具体的显示方式、显示内容可以根据实际应用场景确定,不做限定。步骤120,在检测到以至少两个展示项为操作对象的预定触屏手势后,显示所述至少两个操作对象相对于所述变量的对比图形。触屏设备检测用户在显示至少两个展示项的页面上的触屏手势,如果用户做出以至少两个展示项为操作对象的预定触屏手势,则认为用户意图查看其预定触屏手势操作对象之间的对比图形,触屏设备将这些操作对象相对于同一个变量的对比图形显示给用户。预定触屏手势可以是任何一种具有两个及以上有效操作点的手势,本申请的实施例中不做限定。例如,在单点触控的情形下,预定触屏手势可以是在一个展示项的显示区域内按下,然后拖动到另一个展示项的显示区域内放开;按下和放开时所在的展示项即为该手势的两个操作对象。再如,在多点触控的情形下,预定触屏手势可以是同时双击至少两个展示项的显示区域、同时长按至少两个展示项的显示区域、同时按下至少两个展示项的显示区域后以预定轨迹滑动中的一个到多个;同时双击或按压时所在的展示项即为该手势的两个及两个以上操作对象。当触屏设备检测到用户在显示展示项的页面上做出预定触屏手势后,可以在当前页面上的弹层显示预定触屏手势的操作对象的对比图形,也可以进行页面跳转,在跳转后的页面上显示预定触屏手势的操作对象的对比图形。其中,两个以上操作对象的对比图形相对于同一个变量的一定取值范围来绘制。弹层或跳转页面的具体实现、对比图形的绘制方法可参照现有技术,不再赘述。可见,本申请的实施例中,用户可以在陈列两个及两个以上展示项的页面中,通过预定触屏手势以至少两个展示项为操作对象,来触发这些操作对象之间的对比图形展示,使得用户只要用简单的手势即可查看展示项的对比图形,相对于现有技术中打开多个页面并逐一选择进行对比的展示项而言,操作大为简化,提高了用户的效率;同时开发人员不再需要为图形对比功能开发单独的模块,降低了代码的复杂度,提高了开发人员的效率。在本申请的一个应用示例中,在触屏手机的一种证券App中,,采用拖动和放开的触屏手势来触发两只股票的走势图对比。图2所示为该证券App中的股票列表页面,该页面上显示了数只股票的价格(展示项),在每只股票的显示区域内显示该只股票的名称、当前价格和当前涨跌幅。当该证券App对用户在股票列表页面的触屏手势进行检测,当检测到用户在一只股票的显示区域内按下,然后将该只股票拖动到另一只股票的显示区域内放开后,弹出弹层显示这两只股票的分时走势对比图形(即这两只股票的价格相对于当前各个时间的折线对比图)。具体而言,当证券App检测到对一只股票的按下及拖动手势后,继续监听被拖动股票的位置数据;如果监听到该股票被拖动到另一只股票上方的释放手势,则触发对比图形显示事件:触屏设备向服务器请求这两只股票的分时走势数据(即价格随当前时间变化的数值),利用服务器返回的数据,在当前页面上弹出一个自定义弹层,在弹层上绘制两只股票的分时走势对比图。例如,图3所示为将股票3拖动到股票2上方时的显示界面,图4为弹出股票2与股票3分时走势对比图后的显示界面。进一步的,可以在弹层(或其他实现中跳转后的页面上)上显示这两只股票的其他指标的对本文档来自技高网...
触屏设备上数据图形对比的实现方法和装置

【技术保护点】
一种触屏设备上数据图形对比的实现方法,其特征在于,包括:显示至少两个展示项,所述各个展示项随同一个变量而变化;在检测到以至少两个展示项为操作对象的预定触屏手势后,显示所述至少两个操作对象相对于所述变量的对比图形。

【技术特征摘要】
1.一种触屏设备上数据图形对比的实现方法,其特征在于,包括:显示至少两个展示项,所述各个展示项随同一个变量而变化;在检测到以至少两个展示项为操作对象的预定触屏手势后,显示所述至少两个操作对象相对于所述变量的对比图形。2.根据权利要求1所述的方法,其特征在于,所述以至少两个展示项为操作对象的预定触屏手势包括:在一个展示项的显示区域内按下,并拖动到另一个展示项的显示区域内放开。3.根据权利要求1所述的方法,其特征在于,所述以至少两个展示项为操作对象的预定触屏手势包括:同时双击至少两个展示项的显示区域、同时长按至少两个展示项的显示区域、和/或同时按下至少两个展示项的显示区域后以预定轨迹滑动。4.根据权利要求1所述的方法,其特征在于,所述显示至少两个操作对象相对于所述变量的对比图形,包括:在当前页面的弹层、或在跳转后的页面上,显示所述至少两个操作对象相对于所述变量的对比图形。5.根据权利要求4所述的方法,其特征在于,所述至少两个展示项包括:至少两只股票的价格;所述对比图形包括:至少两只股票的分时走势对比图;所述弹层或页面上还包括:至少一个其他指标的对比按钮;所述方法还包括:当接收到用户对某个指标的对比按钮的操作后,在所述弹层或页面上显示所述至少两只股票的所述指标的对比图形。6.根据权利要求1所述的方法,其特征在于,所述展示项包括:随时间变化的价格、成交量、收入、或消费;所述对比图形包括:柱状图、折线图或散点图。7.一种触屏设备上数据图形对比的实现装置,其特征...

【专利技术属性】
技术研发人员:王昆鹏
申请(专利权)人:阿里巴巴集团控股有限公司
类型:发明
国别省市:开曼群岛,KY

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1