CN108734752A - 显示图表中的数据信息的方法、装置和电子设备 - Google Patents

Abstract

本申请实施例公开一种显示图表中的数据信息的方法、装置和电子设备，该方法包括：响应于用户在图表的绘图区域执行的预设操作，生成并显示辅助线；获取所述图表中的数据线与所述辅助线的第一交点的第一数据信息；在所述图表中的图例区域显示第一数据信息。

Description

显示图表中的数据信息的方法、装置和电子设备

技术领域

本申请涉及计算机领域，更具体地涉及显示图表中的数据信息的方法、装置和电子设备。

背景技术

数据的可视化、图形化显示是当前工业领域、商业领域、金融领域等不可或缺的元素。采用图表进行数据可视化显示，可以使人们能够直观地显示数据、对比数据和分析数据。

目前，为了使用户能够更直观的获取到图表中的数据线上的某个点的数据信息，通常在图表的绘图区域显示提示框，在提示框中显示数据线上的某个点的数据信息。但是这样的显示方式需要在图表中单独显示提示框，造成终端设备的界面空间的浪费。尤其是在移动终端上显示图表时，由于移动终端的屏幕本身较小，将更容易造成界面空间的浪费，并且提示框可能会遮挡图表中的其他信息，使得用户不能直观的获取到被遮挡的信息，影响用户的操作体验。

因此，需要一种显示图表中的数据信息的方法，来克服上述技术问题。

发明内容

本申请的目的在于提供一种显示图表中的数据信息的方法、装置和电子设备，能够有效利用终端设备的界面空间、提升用户的操作体验。

为解决上述技术问题，本申请实施例是这样实现的：

第一方面，提供了一种显示图表中的数据信息的方法，包括：

响应于用户在图表的绘图区域执行的预设操作，生成并显示辅助线；

获取所述图表中的数据线与所述辅助线的第一交点的第一数据信息；

在所述图表中的图例区域显示第一数据信息。

第二方面，提供了一种显示图表中的数据信息的装置，包括：

处理单元，响应于用户在图表的绘图区域执行的预设操作，生成并显示辅助线；

获取单元，获取所述图表中的数据线与所述辅助线的第一交点的第一数据信息；

显示单元，在所述图表中的图例区域显示第一数据信息。

第三方面，提供了一种电子设备，包括：

处理器；以及

被安排成存储计算机可执行指令的存储器，可执行指令在被执行时使用所述处理器执行以下操作：

响应于用户在图表的绘图区域执行的预设操作，生成并显示辅助线；

获取单元，获取所述图表中的数据线与所述辅助线的第一交点的第一数据信息；

显示单元，在所述图表中的图例区域显示第一数据信息。

第四方面，提供了一种计算机可读介质，所述计算机可读介质存储一个或多个程序，所述一个或多个程序当被包括多个应用程序的电子设备执行时，使得电子设备执行以下操作：

响应于用户在图表的绘图区域执行的预设操作，生成并显示辅助线；

获取所述图表中的数据线与所述辅助线的第一交点的第一数据信息；

在所述图表中的图例区域显示第一数据信息。

由以上本申请的技术方案可见，本申请实施例响应于用户在图表的绘图区域执行的预设操作，生成并显示辅助线，并在获取到图表中的数据线与辅助线的交点的数据信息之后，在图表中的图例区域显示获取到的数据信息。由于不需要在图表中的绘图区域单独显示提示框，并且利用已有的图例区域显示数据信息，能够更加有效、合理的利用终端设备的界面空间，避免界面空间的浪费，并且能够进一步避免图表中的信息被遮挡，提高用户的操作体验。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是现有技术中显示图标中的数据信息的方法的示意图。

图2是根据本申请的一个实施例中的显示图表中的数据信息的方法的示意性流程图。

图3是根据本申请的一个实施例中的图表的示意图。

图4是根据本申请的一个实施例的在图表的图例区域显示数据信息的方法的示意图。

图5是根据本申请的另一个实施例的在图表的图例区域显示数据信息的方法的示意图。

图6是根据本申请的再一个实施例的在图表的图例区域显示数据信息的方法的示意图。

图7是根据本申请的再一个实施例的在图表的图例区域显示数据信息的方法的示意图。

图8是根据本申请的再一个实施例的在图表的图例区域显示数据信息的方法的示意图。

图9是根据本申请的一个实施例的电子设备的结构框图。

图10是根据本申请的一个实施例的显示图表中的数据信息的装置的结构框图。

具体实施方式

为了使本技术领域的人员更好地理解本申请中的技术方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。

图1是现有技术中显示图标中的数据信息的方法的示意图。如图1所示出的，用户在想查看横坐标轴上某个坐标点对应的纵坐标信息时，通常会移动图表中的辅助线，将辅助线对应的横坐标移动到用户期望的横坐标点处，此时辅助线与图表中的数据线(图1中的三条曲线为数据线)会出现交点，进一步在图表的绘图区域显示提示框，在提示框中显示数据线上的这些交点的数据信息。但是这样的显示方式需要在图表中单独显示提示框，造成终端设备的界面空间的浪费。尤其是在移动终端上显示图表时，由于移动终端的屏幕本身较小，将更容易造成界面空间的浪费。并且如图1中所示出的，提示框可能会遮挡图表中的其他信息，使得用户不能直观的获取到被遮挡的信息，影响用户的操作体验。因此本申请提供了一种显示图表中的数据信息的方法，能够更加有效、合理的利用终端设备的界面空间，避免界面空间的浪费，并且能够进一步避免图表中的信息被遮挡，提高用户的操作体验。

在本申请实施例中，终端设备既包括无线信号接收器的设备，其仅具备无发射能力的无线信号接收器的设备，又包括接收和发射硬件的设备，其具有能够在双向通信链路上，执行双向通信的接收和发射硬件的设备。这种设备可以包括：蜂窝或其他通信设备，其具有单线路显示器或多线路显示器或没有多线路显示器的蜂窝或其他通信设备；个人通信系统(Personal Communicat1ns Service，PCS)，其可以组合语音、数据处理、传真和/或数据通信能力；个人数字助理(Personal Digital Assistant，PDA)，其可以包括射频接收器、寻呼机、互联网/内联网访问、网络浏览器、记事本、日历和/或全球定位系统(GlobalPosit1ning System，GPS)接收器；常规膝上型和/或掌上型计算机或其他设备，其具有和/或包括射频接收器的常规膝上型和/或掌上型计算机或其他设备。这里所使用的终端设备可以是便携式、可运输、安装在交通工具(航空、海运和/或陆地)中的，或者适合于和/或配置为在本地运行，和/或以分布形式，运行在地球和/或空间的任何其他位置运行。这里所使用的终端设备还可以是通信终端、上网终端、音乐/视频播放终端，例如可以是PDA、移动互联网设备(Mobile Internet Device，MID)和/或具有音乐/视频播放功能的移动电话。

图2示出了本申请一个实施例的显示图表中的数据信息的方法。图2的方法可以由显示图表中的数据信息的装置执行，该显示图表中的数据信息的装置可以是上文中所述的终端设备。如图2所示出的，方法包括：

S102，响应于用户在图表的绘图区域执行的预设操作，生成并显示辅助线。

可选地，在一些实施例中，辅助线可以理解为用于辅助用户获取图表中的数据线上的某一具体点的数据信息的线，辅助线为垂直于图表的横坐标的线段(或者称为直线)。

可选地，在一些实施例中，S102中的预设操作包括触控操作或鼠标点击操作。如果终端设备的屏幕为触摸屏，则预设操作包括触控操作，例如用户通过手指点击绘图区域。如果终端设备的屏幕不是触摸屏，则预设操作包括鼠标点击操作，即用户通过点击鼠标点击绘图区域。终端设备根据预设操作的具体位置生成并显示辅助线。

换言之，在终端设备上初始显示的图表中并没有辅助线(如图3中所示出的)，当用户手指触碰到绘图区域或用户在绘图区域点击鼠标时，根据手指触碰的位置或鼠标点击的位置，在图表上显示辅助线。如图4中所示出的，用户手指触碰的位置或鼠标点击的位置的横坐标为“NOV”，则生成一条对应的横坐标为“NOV”的辅助线。

S104，获取所述图表中的数据线与所述辅助线的第一交点的第一数据信息。

可选地，在一些实施例中，图标中的数据线为曲线。

可以理解的是，第一交叉点的第一数据信息可以包括第一交叉点对应的横坐标信息和纵坐标信息，或者可以只包括第一交叉点对应的纵坐标信息。并且如果图表中只有一条数据线，则第一交叉点指的是辅助线与这一条数据线的交点，而如果图表中有多条数据线，则第一交叉点指的是辅助线与这多条数据线的交叉点，即第一交叉点有多个，第一数据信息包括这多个第一交叉点的数据信息。

S106，在所述图表中的图例区域显示第一数据信息。

可选地，在一些实施例中，在图表中的图例区域显示第一数据包括：在图例区域中与数据线的图例所在的第一位置满足预设位置关系的第二位置处显示第一数据。这里的预设位置关系可以是第二位置与第一位置在同一水平线上，但第二位置位于第一位置的右侧，或则预设位置关系可以是第二位置与第一位置在同一竖直线上，但第二位置位于第一位置的下方。

可以理解的是，如果图表中只有一条数据线，则图例区域只有这一条数据线的图例，则在显示第一数据信息时，在与这一条数据线的图例所在的位置满足预设位置关系的位置上显示第一数据信息即可。而如果图表中有多条数据线，则图例区域会有这多条数据线的图例，即图例区域会有多个图例，则在图例区域显示第一数据信息时，在与每条数据线的图例所在的位置满足预设位置关系的位置上显示该条数据线与辅助线的交点的数据信息。例如图4中所示出的，绘图区域有三条数据线，图例区域有分别与这三条数据线对应的三个图例，图例名称分别为类别一、类别二和类别三，则在显示数据信息时，分别在这三个图例的右侧显示这三条数据线与辅助线的交点的纵坐标(类别一：2100，类别二：1560，类别三：1100)。

在本申请的一些实施例中，可选地，当用户手指在终端设备的屏幕界面上移动时，辅助线将会跟随用户手指的移动而移动，此时图例区域显示的数据信息也会随之变化。如图5中所示出的，图5中的辅助线相对于图4中的辅助线向左移动，则图例区域显示的数据信息相应发生变化(类别一：2300，类别二：1860，类别三：1080)。

换言之，在图表中的图例区域显示第一数据信息之后，图2所示的方法还包括：获取预设操作的执行位置的移动方向和移动距离；根据移动方向和移动距离，移动辅助线；根据辅助线移动后所在的位置，确定数据线与辅助线的第二交叉点的第二数据信息；停止在图例区域显示第一数据，并在图例区域显示第二数据信息。

作为一个例子，在根据移动方向和移动距离，移动辅助线时，可以根据移动距离和预设灵敏度移动辅助线。在这里的预设灵敏度可以是用户自己设置的，也可以是终端设备默认设置的。例如，预设灵敏度可以是当用户手指在水平方向上移动1cm，辅助线在水平方向上移动100个像素点。如果用户手指的移动反向不是水平方向，而是与水平方向有一定的夹角，此时需要将用户在移动方向上的移动距离转换为在水平方向上的移动距离，并根据在水平方向上的移动距离、预设灵敏度和移动方向移动辅助线。

进一步地，在移动辅助线时，可以同时移动图例区域的位置。即图2所示的方法还包括：在移动辅助线时，根据移动方向和移动距离，移动图例区域的位置。在这里，移动图例区域的位置同样可以根据手指的移动距离和预设灵敏度来进行，并且移动辅助线时用到的预设灵敏度可以和移动图例位置时用到的预设灵敏度相同，也可以不同。如图6所示出的，图6中的辅助线相对于图5中的辅助线向右移动(图例区域的信息变为：类别一：2100，类别二：1560，类别三：1100)，图例区域相对于图5中的图例区域也向右移动。

为了更进一步提高用户的操作体验，本发明实施例的方法在检测到针对数据线中的第一数据线的图例的点击操作时，隐藏第一数据线。也就是说，当某一个图例被点击时，该图例对应的数据线会从图表中消失(或者说终端设备会停止在图表中显示该图例对应的数据线)。如图7中所示出的，用户点击名称为类别三的图例时，类别名称为类别三的图例对应的数据线从图表中消失。在这种情况下，如果用户重新进入显示该图表的页面，则页面中显示的图表将恢复原来状态(如图3所示的图表)。在这里，如果显示图表的终端设备具有触摸屏，用户可以通过手指点击图表中的图例。如果显示图表的终端设备不具有触摸屏，用户可以通过操纵鼠标，通过鼠标点击图表中的图例。

进一步地，在隐藏第一数据线时，图2所示的方法还包括：模糊显示第一数据线的图例。在这里的模糊显示可以是将图例变灰显示。或者，在隐藏在图表中显示第一数据线时，同时隐藏第一数据线的图例。

举例来说，如果用户点击图7中名称为类别三的图例时，将名称为类别三的图例变灰显示。或者如图8中所示出的，如果用户点击图7中名称为类别三的图例时，隐藏名称为类别三的图例，即名称为类别三的图例从图表中消失。

在上述所有实施例的基础上，如果用户重新进入显示图表的页面时，页面上显示的图表将恢复原有状态(图3所示的图表)。

以上结合图2至图8详细描述了根据本申请实施例的显示图表中的数据信息的方法。下面将结合图9详细描述根据本申请实施例的电子设备。参考图9，在硬件层面，电子设备包括处理器，可选地，包括内部总线、网络接口、存储器。其中，存储器可能包含内存，例如高速随机存取存储器(Random-Access Memory，RAM)，也可能还包括非易失性存储器(non-volatile memory)，例如至少1个磁盘存储器等。当然，该电子设备还可能包括其他业务所需要的硬件。

处理器、网络接口和存储器可以通过内部总线相互连接，该内部总线可以是工业标准体系结构(Industry Standard Architecture，ISA)总线、外设部件互连标准(Peripheral Component Interconnect，PCI)总线或扩展工业标准结构(ExtendedIndustry Standard Architecture，EISA)总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示，图9中仅用一个双向箭头表示，但并不表示仅有一根总线或一种类型的总线。

存储器，用于存放程序。具体地，程序可以包括程序代码，所述程序代码包括计算机操作指令。存储器可以包括内存和非易失性存储器，并向处理器提供指令和数据。

处理器从非易失性存储器中读取对应的计算机程序到内存中然后运行，在逻辑层面上形成显示图表中的数据信息的装置。处理器，执行存储器所存放的程序，并具体用于执行以下操作：

响应于用户在图标的绘图区域执行的预设操作，生成并显示辅助线；

获取所述图表中的数据线与所述辅助线的第一交点的第一数据信息；

在所述图表中的图例区域显示第一数据信息。

上述如本申请图2所示实施例揭示的显示图表中的数据信息的装置执行的方法可以应用于处理器中，或者由处理器实现。处理器可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器可以是通用处理器，包括中央处理器(CentralProcessing Unit，CPU)、网络处理器(Network Processor，NP)等；还可以是数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific IntegratedCircuit，ASIC)、现场可编程门阵列(Field－Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本申请实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器，处理器读取存储器中的信息，结合其硬件完成上述方法的步骤。

该电子设备还可执行图3至图8的方法，并实现显示图表中的数据信息的装置在图3至图8所示实施例的功能，本申请实施例在此不再赘述。

当然，除了软件实现方式之外，本申请的电子设备并不排除其他实现方式，比如逻辑器件抑或软硬件结合的方式等等，也就是说以下处理流程的执行主体并不限定于各个逻辑单元，也可以是硬件或逻辑器件。

本申请实施例还提出了一种计算机可读存储介质，该计算机可读存储介质存储一个或多个程序，该一个或多个程序包括指令，该指令当被包括多个应用程序的电子设备执行时，能够使该电子设备执行图2至图8所示实施例的方法，并具体用于执行以下方法：

响应于用户在图标的绘图区域执行的预设操作，生成并显示辅助线；

获取所述图表中的数据线与所述辅助线的第一交点的第一数据信息；

在所述图表中的图例区域显示第一数据信息。

图10是本申请的一个实施例的显示图表中的数据信息的装置的结构示意图。请参考图10，在一种软件实施方式中，显示图表中的数据信息的装置1000可包括：处理单元1001、获取单元1002和显示单元1003，其中，

处理单元1001，响应于用户在图标的绘图区域执行的预设操作，生成并显示辅助线；

获取单元1002，获取所述图表中的数据线与所述辅助线的第一交点的第一数据信息；

显示单元1003，在所述图表中的图例区域显示第一数据信息。

根据本申请实施例的显示图表中的数据信息的装置响应于用户在图标的绘图区域执行的预设操作，生成并显示辅助线，并在获取到图表中的数据线与辅助线的交点的数据信息之后，在图表中的图例区域显示获取到的数据信息。由于不需要在图表中的绘图区域单独显示提示框，并且利用已有的图例区域显示数据信息，能够更加有效、合理的利用终端设备的界面空间，避免界面空间的浪费，并且能够进一步避免图表中的信息被遮挡，提高用户的操作体验。

可选地，作为一个实施例，所述显示单元1003：

在所述图例区域中与所述数据线的图例所在的第一位置满足预设位置关系的第二位置处显示第一数据信息。

可选地，作为一个实施例，所述显示单元1003：

若检测到针对所述数据线中的第一数据线的图例的点击操作，则隐藏第一数据线。

可选地，作为一个实施例，所述显示单元1003：

模糊显示第一数据线的图例。

可选地，作为一个实施例，在所述图表中的图例区域显示第一数据信息之后，所述获取单元1002：获取所述预设操作的执行位置的移动方向和移动距离；

所述显示单元1003：

根据所述移动方向和移动距离，移动所述辅助线；

根据所述辅助线移动后所在的位置，确定所述数据线与所述辅助线的第二交点的第二数据信息；

停止在所述图例区域显示第一数据信息，并在所述图例区域显示第二数据信息。

可选地，作为一个实施例，所述显示单元1003：

在移动所述辅助线时，根据所述移动方向和所述移动距离，移动所述图例区域的位置。

可选地，作为一个实施例，所述预设操作包括触控操作或鼠标点击操作。

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

上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。

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

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

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

Claims (10)

1.一种显示图表中的数据信息的方法，包括：

响应于用户在图表的绘图区域执行的预设操作，生成并显示辅助线；

获取所述图表中的数据线与所述辅助线的第一交点的第一数据信息；

在所述图表中的图例区域显示第一数据信息。

2.根据权利要求1所述的方法，所述在所述图表的图例区域显示第一数据信息，包括：

在所述图例区域中与所述数据线的图例所在的第一位置满足预设位置关系的第二位置处显示第一数据信息。

3.根据权利要求1或2所述的方法，还包括：

若检测到针对所述数据线中的第一数据线的图例的点击操作，则隐藏第一数据线。

4.根据权利要求3所述的方法，还包括：

模糊显示第一数据线的图例。

5.根据权利要求1或2所述的方法，在所述图表中的图例区域显示第一数据信息之后，还包括：

获取所述预设操作的执行位置的移动方向和移动距离；

根据所述移动方向和移动距离，移动所述辅助线；

根据所述辅助线移动后所在的位置，确定所述数据线与所述辅助线的第二交点的第二数据信息；

停止在所述图例区域显示第一数据信息，并在所述图例区域显示第二数据信息。

6.根据权利要求5所述的方法，还包括：

在移动所述辅助线时，根据所述移动方向和所述移动距离，移动所述图例区域的位置。

7.根据权利要求1或2所述的方法，所述预设操作包括触控操作或鼠标点击操作。

8.一种显示图表中的数据信息的装置，所述装置包括：

处理单元，响应于用户在图表的绘图区域执行的预设操作，生成并显示辅助线；

获取单元，获取所述图表中的数据线与所述辅助线的第一交点的第一数据信息；

显示单元，在所述图表中的图例区域显示第一数据信息。

9.一种电子设备，包括：

处理器；以及

被安排成存储计算机可执行指令的存储器，所述可执行指令在被执行时使用所述处理器执行以下操作：

响应于用户在图表的绘图区域执行的预设操作，生成并显示辅助线；

获取所述图表中的数据线与所述辅助线的第一交点的第一数据信息；

在所述图表中的图例区域显示第一数据信息。

10.一种计算机可读介质，所述计算机可读介质存储一个或多个程序，所述一个或多个程序当被包括多个应用程序的货币兑换系统服务器执行时，使得所述货币兑换系统服务器执行以下操作：

响应于用户在图表的绘图区域执行的预设操作，生成并显示辅助线；

获取所述图表中的数据线与所述辅助线的第一交点的第一数据信息；

在所述图表中的图例区域显示第一数据信息。