CN106909294B - 触屏设备上数据图形对比的实现方法和装置 - Google Patents

Abstract

本申请提供一种触屏设备上数据图形对比的实现方法，包括：显示至少两个展示项，所述各个展示项随同一个变量而变化；在检测到以至少两个展示项为操作对象的预定触屏手势后，显示所述至少两个操作对象相对于所述变量的对比图形。通过本申请的技术方案，开发人员不再需要单独的图形对比模块来实现对比功能，降低了触屏设备上软件的复杂性，并且使得用户的操作大为简化，提高了用户的效率。

Description

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

技术领域

本申请涉及数据处理和人机交互技术领域，尤其涉及一种触屏设备上数据图形对比的实现方法和装置。

背景技术

随着移动互联技术的发展和移动设备性能的提高，运行在移动设备上的各种客户端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分时走势对比图后的显示界面。

进一步的，可以在弹层(或其他实现中跳转后的页面上)上显示这两只股票的其他指标的对比按钮，如图4中的“五日”、“日K”、“周K”和“月K”，分别表示五日均线、日K线、周K线和月K线指标，当收到用户对某个指标的对比按钮的操作后，在该弹层(或其他实现中的页面上)显示这两只股票该指标的对比图形。

与上述流程实现对应，本申请的实施例还提供了一种触屏设备上数据图形对比的实现装置。该装置可以通过软件实现，也可以通过硬件或者软硬件结合的方式实现。以软件实现为例，作为逻辑意义上的装置，是触屏设备的CPU(Central Process Unit，中央处理器)将对应的计算机程序指令读取到内存中运行形成的。从硬件层面而言，除了图5所示的CPU、内存以及非易失性存储器之外，数据图形对比的实现装置所在的触屏设备通常还包括用于进行无线信号收发的芯片等其他硬件。

图6所示为本申请实施例提供的一种触屏设备上数据图形对比的实现装置，包括展示项显示单元和对比图形显示单元，其中：展示项显示单元用于显示至少两个展示项，所述各个展示项随同一个变量而变化；对比图形显示单元用于在检测到以至少两个展示项为操作对象的预定触屏手势后，显示所述至少两个操作对象相对于所述变量的对比图形。

可选的，所述以至少两个展示项为操作对象的预定触屏手势包括：在一个展示项的显示区域内按下，并拖动到另一个展示项的显示区域内放开。

可选的，所述以至少两个展示项为操作对象的预定触屏手势包括：同时双击至少两个展示项的显示区域、同时长按至少两个展示项的显示区域、和/或同时按下至少两个展示项的显示区域后以预定轨迹滑动。

一种实现方式中，所述对比图形显示单元具体用于：在检测到以至少两个展示项为操作对象的预定触屏手势后，在当前页面的弹层、或在跳转后的页面上，显示所述至少两个操作对象相对于所述变量的对比图形。

上述实现方式中，所述至少两个展示项可以包括：至少两只股票的价格；所述对比图形包括：至少两只股票的分时走势对比图；所述弹层或页面上还可以包括：至少一个其他指标的对比按钮；所述装置还可以包括对比图形更换单元，用于当接收到用户对某个指标的对比按钮的操作后，在所述弹层或页面上显示所述至少两只股票的所述指标的对比图形。

可选的，所述展示项包括：随时间变化的价格、成交量、收入、或消费；所述对比图形包括：柱状图、折线图或散点图。

以上所述仅为本申请的较佳实施例而已，并不用以限制本申请，凡在本申请的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本申请保护的范围之内。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

Claims (8)

1.一种触屏设备上数据图形对比的实现方法，其特征在于，包括：

在同一页面中，显示至少两个展示项，所述各个展示项随同一个变量而变化；

在检测到在一个展示项的显示区域内按下，并拖动到另一个展示项的显示区域内放开的触屏手势后，生成并显示所述两个展示项相对于所述变量的对比图形；所述对比图形为基于相同的横轴，以纵轴来显示所述两个展示项不同之处的图形。

2.根据权利要求1所述的方法，其特征在于，所述显示两个展示项相对于所述变量的对比图形，包括：在当前页面的弹层、或在跳转后的页面上，显示所述两个展示项相对于所述变量的对比图形。

3.根据权利要求2所述的方法，其特征在于，所述两个展示项包括：两只股票的价格；所述对比图形包括：两只股票的分时走势对比图；

所述当前页面的弹层、或跳转后的页面上，还包括：至少一个其他指标的对比按钮；

所述方法还包括：当接收到用户对某个指标的对比按钮的操作后，在所述当前页面的弹层、或跳转后的页面上，显示所述两只股票的所述指标的对比图形。

4.根据权利要求1所述的方法，其特征在于，所述展示项包括：随时间变化的价格、成交量、收入、或消费；

所述对比图形包括：柱状图、折线图或散点图。

5.一种触屏设备上数据图形对比的实现装置，其特征在于，包括：

展示项显示单元，用于在同一页面中，显示至少两个展示项，所述各个展示项随同一个变量而变化；

对比图形显示单元，用于在检测到在一个展示项的显示区域内按下，并拖动到另一个展示项的显示区域内放开的触屏手势后，生成并显示所述两个展示项相对于所述变量的对比图形；所述对比图形为基于相同的横轴，以纵轴来显示所述两个展示项不同之处的图形。

6.根据权利要求5所述的装置，其特征在于，所述对比图形显示单元具体用于：在检测到所述触屏手势后，在当前页面的弹层、或在跳转后的页面上，显示所述两个展示项相对于所述变量的对比图形。

7.根据权利要求6所述的装置，其特征在于，所述两个展示项包括：两只股票的价格；所述对比图形包括：两只股票的分时走势对比图；

所述当前页面的弹层、或跳转后的页面上，还包括：至少一个其他指标的对比按钮；

所述装置还包括：对比图形更换单元，用于当接收到用户对某个指标的对比按钮的操作后，在所述当前页面的弹层、或跳转后的页面上，显示所述两只股票的所述指标的对比图形。

8.根据权利要求5所述的装置，其特征在于，所述展示项包括：随时间变化的价格、成交量、收入、或消费；

所述对比图形包括：柱状图、折线图或散点图。

Images