CN113138890A - 指标图表展示方法、装置、计算机存储介质和计算机设备 - Google Patents

Abstract

本申请涉及一种指标图表展示方法、装置、计算机可读存储介质和计算机设备，方法包括：展示多个指标图表，并确定鼠标指针所在的目标指标图表；监听鼠标指针在目标指标图表对应区域内的第一位置信息；根据第一位置信息，确定鼠标指针在目标指标图表对应的时间点；在各个指标图表中标记时间点的位置，并展示各个指标图表对应的指标数据线在时间点上的指标数值。本申请提供的方案可以实现在需要针对多个测试指标进行对比、显示等操作时，无需对各个测试指标对应的图表逐个进行相应的操作，简便操作过程，提高数据对比的效率。

Description

指标图表展示方法、装置、计算机存储介质和计算机设备

技术领域

本申请涉及计算机技术领域，特别是涉及一种指标图表展示方法、装置、计算机可读存储介质和计算机设备。

背景技术

图表实现将数据以图的形式呈现出来，可在客户端性能测试或游戏性能测试过程中实现对测试结果进行可视化表现。但是，在客户端性能测试或游戏性能测试过程中，衡量客户端性能或游戏性能的测试指标的数量是多个，当用户需要针对多个测试指标进行对比、显示等操作时，往往需要对各个测试指标对应的图表逐个进行相应的操作，操作繁琐，导致数据显示、对比的效率低下。

发明内容

基于此，有必要针对数据显示、对比的效率低下的技术问题，提供一种指标图表展示方法、装置、计算机可读存储介质和计算机设备。

一种指标图表展示方法，包括：

展示多个指标图表，并确定鼠标指针所在的目标指标图表；

监听所述鼠标指针在所述目标指标图表对应区域内的第一位置信息；

根据所述第一位置信息，确定所述鼠标指针在所述目标指标图表对应的时间点；

在各个指标图表中标记所述时间点对应的位置，并展示各个指标图表对应的指标数据线在所述时间点上的指标数值。

一种指标图表展示装置，所述装置包括：

展示模块，用于展示多个指标图表，并确定鼠标指针所在的目标指标图表；

监听模块，用于监听所述鼠标指针在所述目标指标图表对应区域内的第一位置信息；

标记模块，用于根据所述第一位置信息，确定所述鼠标指针在所述目标指标图表对应的时间点；

标识模块，用于在各个指标图表中标记所述时间点对应的位置，并展示各个指标图表对应的指标数据线在所述时间点上的指标数值。

一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时，使得所述处理器执行如下步骤：

展示多个指标图表，并确定鼠标指针所在的目标指标图表；

监听所述鼠标指针在所述目标指标图表对应区域内的第一位置信息；

根据所述第一位置信息，确定所述鼠标指针在所述目标指标图表对应的时间点；

在各个指标图表中标记所述时间点对应的位置，并展示各个指标图表对应的指标数据线在所述时间点上的指标数值。

一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行如下步骤：

展示多个指标图表，并确定鼠标指针所在的目标指标图表；

监听所述鼠标指针在所述目标指标图表对应区域内的第一位置信息；

根据所述第一位置信息，确定所述鼠标指针在所述目标指标图表对应的时间点；

在各个指标图表中标记所述时间点对应的位置，并展示各个指标图表对应的指标数据线在所述时间点上的指标数值。

上述指标图表展示方法、装置、计算机可读存储介质和计算机设备，展示多个指标图表，并确定鼠标指针所在的目标指标图表，在监听所述鼠标指针在所述目标指标图表对应区域内的第一位置信息后，根据所述第一位置信息，确定所述鼠标指针在所述目标指标图表对应的时间点，进而在各个指标图表中标识对应的时间点的位置，并展示各个指标图表对应的指标数据线在所述时间点上的指标数值，实现在需要针对多个测试指标进行对比、显示等操作时，无需对各个测试指标对应的图表逐个进行相应的操作，简便操作过程，提高数据对比的效率。

附图说明

图1为一个实施例中指标图表展示方法的应用环境图；

图2为一个实施例中指标图表展示方法的流程示意图；

图3为一个实施例中指标图表展示的界面示意图；

图4a为一个实施例中在指标图表中标识该时间点的显示位置的示意图；

图4b为另一个实施例中在指标图表中标识该时间点的显示位置的示意图；

图5为另一个实施例中指标图表展示的界面示意图；

图6为另一个实施例中指标图表展示方法的流程示意图；

图7为又一个实施例中指标图表展示的界面示意图；

图8为一个实施例中展示数据比对界面步骤的流程示意图；

图9a为一个实施例中数据比对界面的界面示意图；

图9b为另一个实施例中数据比对界面的界面示意图；

图9c为又一个实施例中数据比对界面的界面示意图；

图9d为再一个实施例中数据比对界面的界面示意图；

图10为一个实施例中指标图表展示装置的结构框图；

图11为一个实施例中计算机设备的结构框图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

图1为一个实施例中指标图表展示方法的应用环境图。参照图1，该指标图表展示方法应用于一种计算机设备。该计算机设备可以是包括终端或服务器。如图1所示，以该计算机设备是终端100为例，用户通过界面操作终端100，终端100在检测到用户在界面操作时触发相应的指令或事件，根据触发的指令或事件进行相应的操作。参加图3，终端100展示多个指标图表，并确定鼠标指针所在的目标指标图表；监听鼠标指针在目标指标图表对应区域内的第一位置信息；根据第一位置信息，确定鼠标指针在目标指标图表对应的时间点；在各个指标图表中标记时间点对应的位置，并展示各个指标图表对应的指标数据线在时间点上的指标数值。其中，终端可以是台式终端或移动终端，移动终端具体可以手机、平板电脑、笔记本电脑等中的至少一种。服务器可以用独立的服务器或者是多个服务器组成的服务器集群来实现。

如图2所示，在一个实施例中，提供了一种指标图表展示方法。本实施例主要以该方法应用于上述图1中的终端100来举例说明。参照图2，该指标图表展示方法具体包括如下步骤：

步骤S202，展示多个指标图表，并确定鼠标指针所在的目标指标图表。

其中，指标图表用于展示测试对象的某一指标参数在时间维度上取值变化。通过在展示界面中同时展示多个指标参数对应的指标图表，以便用户对测试对象在不同指标参数进行查看分析。

其中，多个指示图表可以用于展示同一对象的不同指标参数，例如可以展示在同一游戏进程中，CPU使用率、内存使用率、帧率等客户端性能指标在不同时间点的值。

在一个实施例中，多个指标图表在时间维度上采用相同的时间区间，即多个指示图表可以是同一测试对象，针对多个不同指标参数在同一时间区间内的取值变化图表。例如，以测试对象为游戏进程资源使用情况为例，多个指标图表分别展示在同一游戏进程中，CPU使用率、内存使用率、帧率等客户端性能指标在某一时间区间的值；如图3所示，图中在展示界面中展示三个指标图表，其中，在第一个指标图表中，横坐标表示时间，纵坐标表示在游戏进程中系统合成帧率(FPS，Frame Per Second)；在第二个指标图表中，横坐标表示时间，纵坐标表示在游戏进程中CPU使用率(CPU Usage)；在第三个指标图表中，横坐标表示时间，纵坐标表示在游戏进程中内存使用率(Memory Usage)。图3的三个指标图表分别是在同一游戏进程中，系统合成帧率、CPU使用率、内存使用率这三个客户端性能指标在0时刻到1分43秒这一时间区间内的值。

其中，鼠标指针是指在所展示界面中的虚拟光标，可以指用户通过触摸板控制的虚拟光标，也可以指用户通过鼠标控制的虚拟光标。目标指标图表是指鼠标指针所在的区域对应的指标图表，可以是展示出来的多个指标图表中的任意一个指标图表。

步骤S204，监听鼠标指针在目标指标图表对应区域内的第一位置信息。

其中，用户可通过鼠标或触控板控制移动鼠标指针，使得鼠标指针移动至展示界面任意位置上，终端通过监听鼠标指针在目标指标图表对应区域内的第一位置信息，就是获取鼠标指针当前时刻在展示界面中实时位置。

其中，终端监听鼠标指针在目标指标图表对应区域内的位置信息，具体可以是调用相应的接口监听在各个指标图表中的鼠标事件，当监听到鼠标指针进入某一指标图表对应区域时，通过监听到的鼠标事件获取鼠标指针的位置信息。例如，终端可以通过Node.addEventHandler(eventType,eventHandler)接口监听图表的MouseEvent.MOUSE_MOVED事件，当监听到鼠标指针进入某一指标图表对应区域时，通过监听到的鼠标事件实时获取鼠标指针在目标指标图表对应区域内位置信息；进一步地，该位置信息可以是目标指标图表对应区域所构建的坐标系中的水平坐标信息，即在X轴上的坐标信息。

步骤S206，根据第一位置信息，确定鼠标指针在目标指标图表对应的时间点。

其中，在获取到鼠标指针所在的第一位置信息后，可以根据第一位置信息计算鼠标指针在目标指标图表中，在时间维度上的时间点。

具体地，终端在获取到鼠标指针在目标指标图表对应区域内位置信息后，根据该位置信息确定鼠标指针在目标指标图表对应区域中的水平位置信息，进而根据目标指标图表在时间维度上的时间区间信息，计算该位置信息对应时间点。

步骤S208，在各个指标图表中标记时间点对应的位置，并展示各个指标图表对应的指标数据线在时间点上的指标数值。

其中，在获取到鼠标指针在目标指标图表对应的时间点后，在展示出来的各个指标图表中，利用标识图形将该时间点对应位置标识出来，并在各个指标图表中展示对应指标数据线在该时间点上的指标数值。

其中，标识图形可以标识线，也可以是标识点。例如，在各个指标图表中标识对应的时间点，具体是在指标图表中，利用标识线在指标图表中标记该时间点的显示位置，如图4a所示，图4a中横坐标表示时间，纵坐标表示游戏进程中CPU使用率，在图4a中标识线标记第3分钟这一时间点的位置，并通过“A＝25％”展示在在第3分钟这一时间点CPU使用率为百分之二十五；也可以是在指标图表对应的指标数据线上，利用标识点标记该时间点的显示位置，如图4b所示，图4b中横坐标表示时间，纵坐标表示游戏进程中CPU使用率，在图4b的指标数据线上的标识点，标记了第3分钟这一时间点的位置，并通过“A＝25％”展示在在第3分钟这一时间点CPU使用率为百分之二十五。

应该理解的是，随着用户通过鼠标或触控板控制移动鼠标指针，鼠标指针的第一位置信息是不断发生变化的，此时在各个指标图表中所标记的时间点以及所展示的指标数值，都是随着鼠标指针的第一位置信息的变化进行变化更新的，使得用户可快速查看任意时间点的指标数值。

在一个实施例中，结合图3所示，图3中的三个指标图表分别是在同一游戏进程中，系统合成帧率、CPU使用率、内存使用率这三个客户端性能指标在0时刻到1分43秒这一时间区间内的值。假设此时鼠标指针所在的目标指标图表为FPS指标图表区域的位置A上，终端通过鼠标事件监听获取鼠标指针所在的位置A的位置信息(Xa，Ya)，根据该位置信息(Xa，Ya)确定鼠标指针在目标指标图表对应区域中的水平位置信息Xa。

然后，确定目标指标图对于区域的宽度、目标指标图表在时间维度上的上限值(Xmax＝1分43秒)以及下限值(Xmin＝0秒)，进而根据时间维度上的上限值以及下限值确定时间区间信息，进而根据水平位置信息Xa与目标指标图对于区域的宽度的比值、目标指标图表在时间维度上的上限值以及下限值计算该位置信息对应时间点a；进一步地，可以通过下述公式计算时间点：

最后，利用标识线标记各个指标图表对应的时间点的位置，并将在各个指标图表中展示对应指标数据线的值，如图3所示，鼠标指针所在的位置A对应时间点a秒，此时，在系统合成帧率指标图表、CPU使用率指标图表、内存使用率指标图表中，分别利用标识线1、标识线2以及标识线3标记时间点a的位置，并且在系统合成帧率指标图表中，展示在a秒这一时间点，系统合成帧率(frame per second，FPS)的取值0，应用跳帧次数(Jank)的取值0，应用严重跳帧次数(BigJank)的取值0；在CPU使用率指标图表中，展示在a秒这一时间点，展示CPU总使用率(Total)的取值8％，应用程序的CPU使用率(APP)的取值1％；在内存使用率指标图表中，展示在a秒这一时间点，内存的使用率(Memory)的取值253MB，Xcode内存的使用率(Xcode Memory)的取值253MB，实内存的使用率(RealMemory)的取值183MB，虚拟内存的使用率(VirtualMemory)的取值5244MB。

上述指标图表展示方法，展示多个指标图表，并确定鼠标指针所在的目标指标图表，在监听鼠标指针在目标指标图表对应区域内的第一位置信息后，根据第一位置信息，确定鼠标指针在目标指标图表对应的时间点，进而在各个指标图表中标识对应的时间点，并展示各个指标图表对应的指标数据线在时间点上的指标数值，实现在需要针对多个测试指标进行对比、显示等操作时，无需对各个测试指标对应的图表逐个进行相应的操作，简便操作过程，提高数据对比的效率。

在一个实施例中，在各个指标图表中标记所述时间点的位置，并展示各个指标图表对应的指标数据线在所述时间点上的指标数值，当检测到鼠标指针的单击操作时，可以在各个指针图表中，利用标识线固定在各个指标图表中标记时间点的位置，并在标识线处固定展示各个指标图表对应的指标数据线在时间点上的指标数值。此时，当用户通过鼠标或触控板控制移动鼠标指针，鼠标指针的第一位置信息发生变化时，在各个指标图表中所标记的时间点以及所展示的指标数值不再跟随鼠标指针的移动而变化。当检测到鼠标指针在新位置的单击操作时，才在各个指针图表中，利用标识线在各个指标图表中重新标记鼠标指针对应时间点的位置，并在更新后的标识线处展示更新后的指标数值。

在一个实施例中，在各个指标图表中标记所述时间点的位置，并展示各个指标图表对应的指标数据线在所述时间点上的指标数值的步骤，还包括：检测到鼠标指针的触发操作时，根据触发操作获取自定义标识信息；利用标识线在各个指标图表中标记时间点的位置；在标识线处展示各个指标图表对应的指标数据线在时间点上的指标数值以及自定义标识信息。

其中，触发操作可以是鼠标指针的点击操作，例如双击操作。

其中，终端通过检测用户在任意一指标图表所在区域的任一位置的触发操作，在获取到触发操作后，获取用户输入的自定义标识信息；在获取到自定义标识信息后，终端在展示出来的各个指标图表中，利用标识线将该时间点对应位置标识出来，并在各个指标图表中展示对应指标数据线在该时间点上的指标数值，以及用户输入的自定义标识信息。

例如，终端在任意一个指标图表对应区域内检测到用户双击鼠标左键的操作时，展示出来的所有指标图表实现同步获取双击操作，终端在不同的指标图表中利用标识线在各个指标图表中标记所述时间点的位置、并显示各个指标图表对应的数据线在该时间点的指标数值之外，还可触发在该时间点产生批注，其中批注名称可由用户自定义。此时，当用户通过鼠标或触控板控制移动鼠标指针，鼠标指针的第一位置信息发生变化时，在各个指标图表中所标记的时间点以及所展示的指标数值不再跟随鼠标指针的移动而变化。当检测到鼠标指针在新位置的双击击操作时，才在各个指针图表中，利用标识线在各个指标图表中重新标记鼠标指针对应时间点的位置，并在更新后的标识线处展示更新后的指标数值以及批注。

在一个实施例中，结合图5所示，在第一个指标图表中，横坐标表示时间，纵坐标表示在游戏进程中系统合成帧率(FPS，Frame Per Second)；在第二个指标图表中，横坐标表示时间，纵坐标表示在游戏进程中CPU使用率(CPU Usage)；在第三个指标图表中，横坐标表示时间，纵坐标表示在游戏进程中内存使用率(Memory Usage)。图5中的三个指标图表分别是在同一游戏进程中，系统合成帧率、CPU使用率、内存使用率这三个客户端性能指标在0时刻到1分43秒这一时间区间内的值。假设此时鼠标指针所在的目标指标图表为CPU使用率对应区域的位置B上，终端通过鼠标事件监听获取鼠标指针所在的位置B的位置信息，再根据位置信息确定到该位置B对应时间点b后，利用标识线标识各个指标图表对应的时间点B的位置，并将在各个指标图表中展示对应指标数据线的值。同时，通过获取用户输入的自定义标识信息，将在各个指标图表中展示该自定义标识，如图5所示，在系统合成帧率指标图表、CPU使用率指标图表、内存使用率指标图表中，分别利用标识线1、标识线2以及标识线3标记时间点b的位置，并且在系统合成帧率指标图表中，展示在b秒这一时间点，系统合成帧率(frame per second，FPS)的取值0，应用跳帧次数(Jank)的取值0，应用严重跳帧次数(BigJank)的取值0，以及自定义标识信息“a1”；在CPU使用率指标图表中，展示在b秒这一时间点，展示CPU总使用率(Total)的取值7％，应用程序的CPU使用率(APP)的取值1％，以及自定义标识信息“a1”；在内存使用率指标图表中，展示在b秒这一时间点，内存的使用率(Memory)的取值254MB，Xcode内存的使用率(Xcode Memory)的取值254MB，实内存的使用率(RealMemory)的取值183MB，虚拟内存的使用率(VirtualMemory)的取值5243MB，以及自定义标识信息“a1”。

进一步地，在一个实施例中，在检测到鼠标指针的触发操作时，记录下鼠标指针在指标图表对应的时间点，后续进行指标图表刷新时，根据该时间点重新标记出该时间点的位置，实现在各个指标图表固定显示该时间点对应的位置，以及各个指标图表对应的指标数据线在时间点上的指标数值。其中，触发操作可以是单击操作，也可以是双击操作，此处不做限定。

在一个实施例中，如图6所示，指标图表展示方法，包括：

步骤S602，展示多个指标图表，并确定鼠标指针所在的目标指标图表。

步骤S604，检测到鼠标指针的拖拽操作时，获取鼠标指针在目标指标图表对应区域内的起始位置信息以及结束位置信息。

其中，用户可通过长按鼠标左键或右键并移动鼠标、或在触控板进行长按并移动操作时，可实现控制对鼠标指针拖拽操作，使得鼠标指针可选中一定区域。其中，起始位置信息是指鼠标指针进行拖拽操作时的起始位置，结束位置信息是指鼠标指针结束拖拽操作时的位置信息。

具体地，当终端检测到用户对鼠标指针的拖拽操作时，获取鼠标指针在目标指标图表对应区域内进行拖拽操作的起始位置以及结束位置。进一步地，具体可以是终端调用相应的接口监听在各个指标图表中的鼠标事件，当监听到鼠标指针进入某一指标图表对应区域且发生点击操作时，实现从监听到的鼠标事件获取鼠标指针的位置信息作为起始位置信息，当监听到鼠标的拖拽事件时，可以从监听到的鼠标事件计算出鼠标指针的结束位置信息。

例如，终端可以通过Node.addEventHandler(eventType,eventHandler)接口监听图表的MouseEvent.MOUSE_PRESSED事件，当监听到鼠标指针进入某一指标图表对应区域且发生点击操作(MOUSE_PRESSED事件)时，通过监听到的鼠标事件实时获取鼠标指针在目标指标图表对应区域内进行拖拽操作的起始位置信息；然后，通过监听图表的MouseEvent.MOUSE_DRAGGED事件，从监听到的鼠标事件计算出鼠标指针的结束位置信息。

步骤S606，根据起始位置信息，确定鼠标指针在目标指标图表中标记的起始时间点。

其中，在获取到鼠标指针的起始位置信息后，可以根据起始位置信息计算鼠标指针在目标指标图表中在时间维度上的起始时间点。其中，此处的起始时间点是指鼠标指针进行拖拽操作时起始位置信息对应的时间点。

步骤S608，根据结束位置信息，确定鼠标指针在目标指标图表中标记的结束时间点。

其中，在获取到鼠标指针的结束位置信息后，可以根据结束位置信息计算鼠标指针在目标指标图表中在时间维度上的结束时间点。其中，此处的结束时间点是指鼠标指针结束拖拽操作时的位置信息对应的时间点。

具体地，终端确定鼠标指针在目标指标图表中标记的起始时间点或结束时间点，都可以是根据位置信息确定鼠标指针在目标指标图表对应区域中的水平位置信息，进而根据目标指标图表在时间维度上的时间区间信息，计算该位置信息对应时间点。

步骤S610，根据起始时间点以及结束时间点确定目标时间区间。

其中，在获取到起始时间点以及结束时间点后，可以根据起始时间点以及结束时间点，确定这两个时间点间的目标时间区间。

具体地，由于起始时间点是指鼠标指针进行拖拽操作时起始位置信息对应的时间点，结束时间点是指鼠标指针结束拖拽操作时的位置信息对应的时间点，可以通过获取这两个时间点间的最小值确定为拖选区域的起始时间点，获取这两个时间点间的最大值为拖选区域的结束时间点，并计算拖选区域对应的时间区间。

步骤S612，在各个指标图表中标识目标时间区间，并展示各个指标图表对应的指标数据线在目标时间区间的预设指标值。

其中，在确定到鼠标指针进行拖拽操作选取到的拖选区域后，可以在展示出来的各个指标图表中，利用阴影将该时间区间对应位置标记出来，并在各个指标图表中展示对应指标数据线在目标时间区间的预设指标值。其中，预设指标值可以是指标数据线在目标时间区间的取值的平均值。

例如，终端检测到用户通过单击鼠标左键不松开、并向左或向右拖动鼠标在任意一个指标图表区域内触发的拖拽操作时，实现在该指标图表对应区域内进行框选，此时，展示出来的所有指标图表实现同步框选，并在各个指标图表中标记所框选的目标时间区域；在检测到拖拽操作过程中终端实时计算所框选的目标时间区域内各个指标图表的指标数据线的取值平均值，并呈现给用户，不同的指标图表中框选显示的数据是不同。

在一个实施例中，如图7所示，在第一个指标图表中，横坐标表示时间，纵坐标表示在游戏进程中系统合成帧率(FPS，Frame Per Second)；在第二个指标图表中，横坐标表示时间，纵坐标表示在游戏进程中CPU使用率(CPU Usage)；在第三个指标图表中，横坐标表示时间，纵坐标表示在游戏进程中内存使用率(Memory Usage)。图7中的三个指标图表分别是在同一游戏进程中，系统合成帧率、CPU使用率、内存使用率这三个客户端性能指标在0时刻到1分43秒这一时间区间内的值。假设此时用户通过单击鼠标左键不松开、并向左或向右拖动鼠标在CPU使用率指标图表区域内触发拖拽操作，获取到拖拽操作在CPU使用率指标图表对应起始位置D以及结束位置E，终端根据起始位置D的位置信息以及结束位置E的位置信息，再根据位置信息确定到起始位置D以起始位置E所对应的时间点。然后，终端根据起始位置D以起始位置E所对应的时间点确定目标时间区域，并通过利用阴影将该时间区间对应位置标记出来，并在各个指标图表中展示对应指标数据线在目标时间区间的预设指标值。如图7所示，在系统合成帧率指标图表、CPU使用率指标图表、内存使用率指标图表中，分别利用阴影1、阴影2以及阴影3分别标记目标时间区间的位置，并分别在系统合成帧率指标图表、CPU使用率指标图表、内存使用率指标图表内，展示相应的预设指标值；例如，在系统合成帧率指标图表中，展示在在目标时间区间内，系统合成帧率的平均取值0，系统合成帧率的方差取值0，系统合成帧率的下降值0等，在此，不对其他指标图表中所展示的预设指标值进行一一列举，应该可以理解的是，其他指标图表中所展示的预设指标值可以是指标数据线在目标时间区间的取值的平均值，也可以是指标数据线在目标时间区间的取值的峰值，对此不作具体限定。

在一个实施例中，所述展示各个指标图表对应的指标数据线在所述目标时间区间的预设指标值的步骤之后，还包括：获取删除操作指令；根据删除操作指令分别移除各个指标图表对应指标数据线在目标时间区间内的指标数值。

其中，删除操作指令是用于移除各个指标图表对应指标数据线在目标时间区间内的指标数值的指令。具体地，终端通过检测到鼠标指针针对目标时间区间所在区域内的删除触发操作，在获取到该删除触发操作后触发相应的删除操作指令。触发操作可以是对界面中的控件的操作，比如对控件的触控操作或者光标点击操作等。

例如，终端在任意一个指标图表区域内检测到用户单击鼠标左键不松开、并向左或向右拖动的拖拽操作、并在各个指标图表中标记所框选的目标时间区域后，当监听到用户针对目标时间区域单击鼠标右键的操作时，此时，终端对应显示导出选项和删除选项，当监听到用户针对删除选项单击鼠标的操作时，终端会遍历所有指标图表上的指标数据线对应的指标数值，并对在目标时间区间内的指标数值进行移除。

在一个实施例中，展示各个指标图表对应的指标数据线在目标时间区间的预设指标值的步骤之后，还包括：获取导出操作指令；根据导出操作指令分别将各个指标图表对应指标数据线在目标时间区间内的指标数值保存到表格中。

其中，导出操作指令是用于将各个指标图表对应指标数据线在所述目标时间区间内的指标数值导出并保存到指定表格中的指令。具体地，终端通过检测到鼠标指针针对目标时间区间所在区域内的导出触发操作，在获取到该导出触发操作后触发相应的导出操作指令。触发操作可以是对界面中的控件的操作，比如对控件的触控操作或者光标点击操作等。

例如，终端在任意一个指标图表区域内检测到用户单击鼠标左键不松开、并向左或向右拖动的拖拽操作、并在各个指标图表中标记所框选的目标时间区域后，当监听到用户针对目标时间区域单击鼠标左键或右键的操作时，此时，终端对应显示导出选项和删除选项，当监听到用户针对导出选项单击鼠标的操作时，终端会遍历所有指标图表上的指标数据线对应的指标数值，并对在目标时间区间内的指标数值进行保存。

在一个实施例中，如图8所示，所述展示各个指标图表对应的指标数据线在所述时间点上的指标数值的步骤之后，还包括：

步骤S802，获取针对多于一个的指标图表对应的指标数据线的选择指令。

其中，选择指令是指针对各个指标图表中指标数据线的选择指令。具体地，终端通过检测到鼠标指针针对指标图表中指标数据线的触发操作，在获取到该触发操作后触发相应的选择指令。

步骤S804，根据选择指令确定选定的指标数据线，并根据选定的指标数据线展示数据比对界面。

其中，在获取到对指标图表中指标数据线的选择指令后，根据选择指令选定对应的指标数据线，并将选定的指标数据线放置在同一坐标系中进行显示。例如，根据选择指令确定到指标数据线A以及指标数据线B后，将指标数据线A以及指标数据线B放置到数据比对界面的坐标系中进行显示，如图9a所示，其中图9a中横坐标可表示时间，纵坐标可表示与指标数据线对应的性能指标数据值，例如游戏进程中CPU使用率。应该理解的是，下述提到的图9b、图9c以及图9d中，与图9a一样，横坐标可表示时间，纵坐标可表示与指标数据线对应的性能指标数据值，例如游戏进程中CPU使用率

步骤S806，监听鼠标指针在数据比对界面的第二位置信息。

其中，用户可通过鼠标或触控板控制移动鼠标指针，使得鼠标指针移动至数据比对界面任意位置上，终端通过监听鼠标指针在数据比对界面区域内的第二位置信息，就是获取鼠标指针当前时刻在数据比对界面中的实时位置。

其中，终端监听鼠标指针在数据比对界面的位置信息，具体可以是调用相应的接口监听在数据比对界面中的鼠标事件，当监听到鼠标指针进入数据比对界面时，通过监听到的鼠标事件获取鼠标指针的位置信息。

步骤S808，当第二位置信息与目标指标数据线的位置坐标一致、且检测到鼠标指针的拖拽操作时，获取鼠标指针的水平偏移值；其中，目标指标数据线是选定的指标数据线中的一条。

其中，在获取到鼠标指针的第二位置信息后，将第二位置信息与数据对比界面中的所有指标数据线的位置坐标一一进行对比，当第二位置信息与某一条指标数据线的位置信息一致时，可以确定此时鼠标指针停留在该指标数据线上，此时终端可以对该指标数据线添加阴影效果。当终端检测到鼠标指针以第二位置信息为起点的拖拽操作时，根据第二位置信息以及结束拖拽操作时鼠标指针的位置信息，获取鼠标指针的水平偏移值。应该理解的是，水平偏移值是指在X轴上的偏移值。

步骤S810，根据水平偏移值重新计算目标指标数据线的位置坐标。

其中，在计算得到鼠标指针的水平偏移值后，根据水平偏移值计算目标指标数据线的位置坐标，更新目标指标数据线的位置坐标。

具体地，终端可以根据鼠标指针的水平偏移值计算该水平偏移值在时间维度上对应的时间偏移值，然后遍历目标指标数据线上所有原始时间点对应的指标数值，将目标指标数据线上原始时间点加上时间偏移值后得到实际时间点，根据实际时间点及其对应的指标至，确定目标指标数据线在数据对比界面上实际显示的位置坐标。

步骤S812，根据指标数据线的位置坐标更新数据比对界面。

其中，在得到目标实际显示的位置坐标后，筛选出时间点仍然在X坐标表示的时间范围内的实际时间点，移除不在X坐标表示的时间范围内的实际时间点，将剩余的实际时间点及其对应的指标数值对应显示到数据对比界面上。

例如，如图9b所示，当终端检测到用户通过鼠标或触控板将鼠标指针移动到指标数据线A上的事件时，终端通过给指标数据线A添加阴影效果，此时对应进入指标数据线的编辑状态。当终端检测到用户长按鼠标左键、且拖动鼠标移动的拖拽事件时，终端触发指标数据线A跟随鼠标指针移动。

进一步地，如图9c以及图9d所示当指标数据线A跟随鼠标指针移动过程中，指标数值线A的最左端超出数据对比界面对应坐标轴的0刻度线或指标数值线A的最右端超出数据对比界面对应坐标轴的右侧界限，保存超出部分的指标数值，但并不展示该部分的指标数值。

应该理解的是，虽然上述流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，上述流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。

在一个实施例中，如图10所示，提供了一种指标图表展示装置1000，包括：展示模块1002，监听模块1004，标记模块1006以及标识模块1008，其中：

展示模块1002，用于展示多个指标图表，并确定鼠标指针所在的目标指标图表；

监听模块1004，用于监听鼠标指针在目标指标图表对应区域内的第一位置信息；

标记模块1006，用于根据第一位置信息，确定鼠标指针在目标指标图表对应的时间点；

标识模块1008，用于在各个指标图表中标记时间点对应的位置，并展示各个指标图表对应的指标数据线在时间点上的指标数值。

在一个实施例中，标识模块，用于检测到鼠标指针的触发操作时，根据触发操作获取自定义标识信息；利用标识线在各个指标图表中标记时间点的位置；在标识线处展示各个指标图表对应的指标数据线在时间点上的指标数值以及自定义标识信息。

在一个实施例中，监听模块，用于检测到鼠标指针的拖拽操作时，获取鼠标指针在目标指标图表对应区域内的起始位置信息以及结束位置信息；

标记模块，用于根据起始位置信息，确定鼠标指针在目标指标图表中标记的起始时间点；根据结束位置信息，确定鼠标指针在目标指标图表中标记的结束时间点；

标识模块，用于根据起始时间点以及结束时间点确定目标时间区间；在各个指标图表中标识目标时间区间，并展示各个指标图表对应的指标数据线在目标时间区间的预设指标值。

在一个实施例中，指标图表展示装置还包括数据删除模块，用于获取删除操作指令；根据删除操作指令分别移除各个指标图表对应指标数据线在目标时间区间内的指标数值。

在一个实施例中，指标图表展示装置还包括数据导出模块，用于获取导出操作指令；根据导出操作指令分别将各个指标图表对应指标数据线在目标时间区间内的指标数值保存到表格中。

在一个实施例中，指标图表展示装置还包括数据比对模块，用于获取针对多于一个的指标图表对应的指标数据线的选择指令；根据选择指令确定选定的指标数据线，并根据选定的指标数据线展示数据比对界面；监听鼠标指针在数据比对界面的第二位置信息；当第二位置信息与目标指标数据线的位置坐标一致、且检测到鼠标指针的拖拽操作时，获取鼠标指针的水平偏移值；其中，目标指标数据线是选定的指标数据线中的一条；根据水平偏移值重新计算目标指标数据线的位置坐标；根据指标数据线的位置坐标更新数据比对界面。

图11示出了一个实施例中计算机设备的内部结构图。该计算机设备具体可以是图1中的终端100。如图11所示，该计算机设备包括该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、输入装置和显示屏。其中，存储器包括非易失性存储介质和内存储器。该计算机设备的非易失性存储介质存储有操作系统，还可存储有计算机程序，该计算机程序被处理器执行时，可使得处理器实现指标图表展示方法。该内存储器中也可储存有计算机程序，该计算机程序被处理器执行时，可使得处理器执行指标图表展示方法。计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图11中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一个实施例中，本申请提供的指标图表展示装置可以实现为一种计算机程序的形式，计算机程序可在如图11所示的计算机设备上运行。计算机设备的存储器中可存储组成该指标图表展示装置的各个程序模块，比如，图10所示的展示模块1002，监听模块1004，标记模块1006以及标识模块1008。各个程序模块构成的计算机程序使得处理器执行本说明书中描述的本申请各个实施例的指标图表展示方法中的步骤。

例如，图11所示的计算机设备可以通过如图10所示的指标图表展示装置中的展示模块1002执行步骤S202。计算机设备可通过监听模块1004执行步骤S204。计算机设备可通过标记模块1006执行步骤S206。计算机设备可通过标识模块1008执行步骤S208。

在一个实施例中，提供了一种计算机设备，包括存储器和处理器，存储器存储有计算机程序，计算机程序被处理器执行时，使得处理器执行上述指标图表展示方法的步骤。此处指标图表展示方法的步骤可以是上述各个实施例的指标图表展示方法中的步骤。

在一个实施例中，提供了一种计算机可读存储介质，存储有计算机程序，计算机程序被处理器执行时，使得处理器执行上述指标图表展示方法的步骤。此处指标图表展示方法的步骤可以是上述各个实施例的指标图表展示方法中的步骤。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一非易失性计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本申请专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种指标图表展示方法，包括：

展示多个指标图表，并确定鼠标指针所在的目标指标图表；

监听所述鼠标指针在所述目标指标图表对应区域内的第一位置信息；

根据所述第一位置信息，确定所述鼠标指针在所述目标指标图表对应的时间点；

在各个指标图表中标记所述时间点对应的位置，并展示各个指标图表对应的指标数据线在所述时间点上的指标数值。

2.根据权利要求1所述的方法，其特征在于，所述在各个指标图表中标记所述时间点的位置，并展示各个指标图表对应的指标数据线在所述时间点上的指标数值的步骤，还包括：

检测到所述鼠标指针的触发操作时，根据所述触发操作获取自定义标识信息；

利用标识线在各个指标图表中标记所述时间点的位置；

在所述标识线处展示各个指标图表对应的指标数据线在所述时间点上的指标数值以及所述自定义标识信息。

3.根据权利要求1所述的方法，其特征在于，所述监听所述鼠标指针在所述目标指标图表对应区域内的第一位置信息的步骤，包括：

检测到所述鼠标指针的拖拽操作时，获取所述鼠标指针在所述目标指标图表对应区域内的起始位置信息以及结束位置信息；

所述根据所述第一位置信息，确定所述鼠标指针在所述目标指标图表对应的时间点的步骤，包括：

根据所述起始位置信息，确定所述鼠标指针在所述目标指标图表中标记的起始时间点；

根据所述结束位置信息，确定所述鼠标指针在所述目标指标图表中标记的结束时间点；

所述在各个指标图表中标记所述时间点的位置，并展示各个指标图表对应的指标数据线在所述时间点上的指标数值的步骤，包括：

根据所述起始时间点以及所述结束时间点确定目标时间区间；

在各个指标图表中标记所述目标时间区间的位置，并展示各个指标图表对应的指标数据线在所述目标时间区间的预设指标值。

4.根据权利要求3所述的方法，其特征在于，所述展示各个指标图表对应的指标数据线在所述目标时间区间的预设指标值的步骤之后，还包括：

获取删除操作指令；

根据所述删除操作指令分别移除各个指标图表对应指标数据线在所述目标时间区间内的指标数值。

5.根据权利要求3所述的方法，其特征在于，所述展示各个指标图表对应的指标数据线在所述目标时间区间的预设指标值的步骤之后，还包括：

获取导出操作指令；

根据所述导出操作指令分别将各个指标图表对应指标数据线在所述目标时间区间内的指标数值保存到表格中。

6.根据权利要求1所述的方法，其特征在于，所述展示各个指标图表对应的指标数据线在所述时间点上的指标数值的步骤之后，还包括：

获取针对多于一个的指标图表对应的指标数据线的选择指令；

根据所述选择指令确定选定的指标数据线，并根据所述选定的指标数据线展示数据比对界面；

监听所述鼠标指针在所述数据比对界面的第二位置信息；

当所述第二位置信息与目标指标数据线的位置坐标一致、且检测到所述鼠标指针的拖拽操作时，获取所述鼠标指针的水平偏移值；其中，所述目标指标数据线是所述选定的指标数据线中的一条；

根据所述水平偏移值重新计算所述目标指标数据线的位置坐标；

根据所述指标数据线的位置坐标更新所述数据比对界面。

7.一种指标图表展示装置，其特征在于，所述装置包括：

展示模块，用于展示多个指标图表，并确定鼠标指针所在的目标指标图表；

监听模块，用于监听所述鼠标指针在所述目标指标图表对应区域内的第一位置信息；

标记模块，用于根据所述第一位置信息，确定所述鼠标指针在所述目标指标图表对应的时间点；

标识模块，用于在各个指标图表中标记所述时间点对应的位置，并展示各个指标图表对应的指标数据线在所述时间点上的指标数值。

8.根据权利要求7所述的装置，其特征在于，所述标识模块，用于在检测到所述鼠标指针的触发操作时，根据所述触发操作获取自定义标识信息；利用标识线在各个指标图表中标记所述时间点的位置；在所述标识线处展示各个指标图表对应的指标数据线在所述时间点上的指标数值以及所述自定义标识信息。

9.一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时，使得所述处理器执行如权利要求1至6中任一项所述方法的步骤。

10.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行如权利要求1至6中任一项所述方法的步骤。

Images