一种数据显示方法及装置与流程

本申请涉及计算机技术领域，尤其涉及一种数据显示方法及装置。

背景技术：

随着信息技术的发展，在线系统(如：网站)可面向大量用户提供各类业务服务，当在线系统为用户提供了相应的业务服务后，通常均会生成与业务相关的统计数据(如：用户访问量数据等等)，这些统计数据可用于在线系统的服务情况分析，以便后续针对在线系统的处理资源进行优化等操作。

目前，为了便于用户直观地获知上述统计数据，在线系统通常会将统计数据进行图形化处理，生成数据图形(如：基于统计数据生成的折线图)，并将数据图形展示给用户。然而，在实际应用场景下，在线系统每天将产生数量巨大的统计数据，若以大量的统计数据生成数据图形，将消耗大量的图形处理资源，就可能在显示过程中出现卡顿，甚至会导致显示数据图形的界面无响应等情况的发生。

现有技术中，为了降低大量统计数据生成数据图形时所消耗的图形处理资源，通常会使用数据采样的方式进行数据图形的绘制，例如：在对访问量数据进行图形化处理的过程中，可按照30分钟的时间间隔进行数据采样，从而根据采样得到的访问量数据，生成访问量数据的折线图。显然，这将减少生成数据图形的过程中所需的统计数据的数量。

但是，采用现有技术中的上述方式，若采样的间隔设置过小，则仍可能得到大量的采样数据，即，仍然会消耗较多的图形处理资源；而如果采样的间隔设置过大，则可能会对数据图形的精确度造成影响。显然，使用数据采样生成数据图形的方式适用性较差。

技术实现要素：

本申请实施例提供一种数据显示方法及装置，用以解决现有技术中使用数据采样生成数据图形的方式适用性较差的问题。

本申请实施例提供的一种数据显示方法，包括：

终端获取待显示数据；

在预设的界面中划分形成网格；

根据所要生成的数据图形，将所述待显示数据映射至该界面的网格中；

针对任一网格，在与该网格具有映射关系的待显示数据中，将超过设定数量的待显示数据滤除；

根据滤除后的待显示数据，以及该待显示数据与网格的映射关系，在所述界面中生成数据图形，并显示。

本申请实施例提供一种数据显示装置，包括：

获取模块，用于获取待显示数据；

划分模块，用于在预设的界面中划分形成网格；

映射模块，用于根据所要生成的数据图形，将所述待显示数据映射至该界面的网格中；

滤除模块，用于针对任一网格，在与该网格具有映射关系的待显示数据中，将超过设定数量的待显示数据滤除；

显示模块，用于根据滤除后的待显示数据，以及该待显示数据与网格的映射关系，在所述界面中生成数据图形，并显示。

本申请实施例提供一种数据显示方法及装置，通过本方法，在基于大量的待显示数据绘制形成数据图形的场景下，终端可在用于显示数据图形的界面中，划分形成网格，并根据用户所需的图形，将大量的待显示数据映射至界面内的网格中，之后，可针对映射至网格的大量待显示数据进行滤除处理，使得映射至网格中的待显示数据保持在适当的数量，从而便可根据滤除后的待显示数据， 以及这些待显示数据与网格之间的映射关系，绘制相应的数据图形，并进行显示。可见，正是基于本申请中的上述方式，可将大量的待显示数据转变为适量的待显示数据，可以有效降低在显示数据图形时所消耗的图形处理资源，同时，在网格的作用下，使得映射至网格中的待显示数据的数量较为充分，也就保证了生成的数据图形的精度较高，显然，本申请中的上述方法具有较强的适用性。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1为本申请实施例提供的数据显示过程示意图；

图2a为本申请实施例提供的待显示数据应设置界面中网格后的示意图；

图2b为本申请实施例提供的经过滤除后的网格中所映射的待显示数据的示意图；

图2c为本申请实施例提供的数据图形的示意图；

图3为本申请实施例提供的数据显示装置结构示意图。

具体实施方式

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

正如前述，当终端显示由大量统计数据所生成的数据图形时，由于数据量巨大，就可能导致终端需要消耗较多的图形处理资源，在此情况下，虽可以通过数据采样的方式来降低构成数据图形的数据量，以降低显示数据图形时所消 耗的图形处理资源，但在数据采样的过程中，采样的间隔会对数据图形的精确性造成一定程度的影响。基于此，在针对大量数据进行图形化显示的场景下，就需要一种既能够减少图形处理资源的消耗也能够保证数据图形精确度的显示方法，故在本申请实施例中提供一种数据显示方法，如图1所示。

具体而言，图1为本申请实施例提供的数据显示过程，该过程具体包括以下步骤：

s101，终端获取待显示数据。

在本申请实施例中，所述的终端包括但不限于：智能手机、平板电脑、笔记本电脑等移动终端，或计算机终端。

所述的待显示数据，可以是在线系统所生成的与业务相关的统计数据，在实际应用场景中，待显示数据可由在线系统后台的服务器所提供，也即，该场景下，终端从服务器中获取到上述的待显示数据，这里并不构成对本申请的限定。

在本申请实施例中，待显示数据可包括终端从服务器中获得的历史统计数据(如：终端从服务器中获取前一天某网站的访问量数据)，也可包括终端从服务器中获取到的实时数据(如：终端从服务器中实时获取当天某网站的访问量数据)。

s102，在预设的界面中划分形成网格。

在本申请实施例中，所述的界面是终端内用于显示由待显示数据所形成的数据图形的界面，在实际应用时，该界面包括但不限于：网页，应用界面等。

所述的网格，可作为绘制数据图形的参考，也就是说，后续的数据图形将在网格中进行绘制。实际应用时，网格的尺寸可以根据实际应用的需要进行设置，例如：可将网格的尺寸设置成与终端屏幕的像素尺寸一致。当然，这里并不构成对本申请的限定。

s103，根据所要生成的数据图形，将所述待显示数据映射至该界面的网格中。

不同的用户可能需要不同的数据图形，以便从不同的角度得到待显示数据的观测结果，这里，用户所需的数据图形也就是终端所要生成的数据图形，基于此，在本申请实施例中，上述的数据图形包括但不限于：折线图、曲线图、走势图等等线型图形。

在确定了所要生成的数据图形后，终端便可以根据该数据图形将待显示数据映射至界面的网格中。例如：用户需要终端生成访问量折线图的场景下，终端会将获取到的访问量数据映射至网格中以生成访问量折线图，其中，折线图的横坐标表示时间(假设以秒为单位)，纵坐标表示访问量的大小，那么，横向的网格就可以代表时间，纵向的网格就可以代表访问量，从而，终端便可以将访问量数据(该访问量数据中包含每秒的访问量)映射在网格中。当然，该示例所示出的映射方式并不构成对本申请的限定。

作为本申请实施例实际应用时的一种方式，终端在显示数据图形前，可为用户提供不同的数据图形的选项，用户也就可以根据自身的需要选择不同的数据图形，这样一来，终端可将用户所选择的数据图形作为所要生成的数据图形，并将待显示数据进行映射处理，同样地，该方式并不构成对本申请的限定。

这里需要说明的是，在实际应用中，终端所获取到的待显示数据的数量通常较大，如：终端从服务器中获取到某网站一天之内的访问量数据(以秒为单位)，显然，一天内的数据量将达到86400条，若以这些访问量数据映射至网格以绘制数据图形，就可能会出现多个访问量数据映射至同一网格中的现象，这样一来，将会导致在显示时消耗较多的图形处理资源。因此，在本申请实施例中，在将待显示数据映射至界面的网格后，还会对映射至网格中的待显示数据进行滤除处理，使得网格所对应的待显示数据保持在适当的数量，也即，执行下述步骤s104。

s104，针对任一网格，在与该网格具有映射关系的待显示数据中，将超过设定数量的待显示数据滤除。

正如前述，对于任一网格而言，若与该网格具有映射关系的待显示数据的 数量较多，则会导致后续生成的数据图形在显示过程中需要耗费大量，从而，将根据设定的数量，滤除过多映射至网格中的待显示数据。如：可将映射至网格中的待显示数据的数量设定为1(即，映射至每一网格中的待显示数据只保留1个)，从而会将映射至该网格的多余待显示数据滤除。当然，在实际应用中的某些场景下，上述的设定数据可以根据实际应用的需要进行调整，这里并不构成对本申请的限定。

这里需要说明的是，本申请实施例中采用在界面中划分网格的方式，网格的尺寸通常较小，诸如：前述示例中网格的尺寸可以与终端屏幕的像素尺寸相对应，这样一来，界面中的网格数量较多，可使得有足够多的待显示数据映射至网格中，也就保证了后续生成数据图形时的精度。

s105，根据滤除后的待显示数据，以及该待显示数据与网格的映射关系，在所述界面中生成数据图形，并显示。

经过上述的滤除过程后，可保留适量的待显示数据，换言之，经过滤除后的待显示数据在绘制成数据图形后，将不会消耗过多的图形处理资源，且绘制出的数据图形仍可保持较高的精确度。从而，便可以根据滤除后的待显示数据，以及滤除后的待显示数据与网格之间的映射关系来生成数据图形。

通过上述步骤，在基于大量的待显示数据绘制形成数据图形的场景下，终端可在用于显示数据图形的界面中，划分形成网格，并根据用户所需的图形，将大量的待显示数据映射至界面内的网格中，之后，可针对映射至网格的大量待显示数据进行滤除处理，使得映射至网格中的待显示数据保持在适当的数量，从而便可根据滤除后的待显示数据，以及这些待显示数据与网格之间的映射关系，绘制相应的数据图形，并进行显示。可见，正是基于本申请中的上述方式，可将大量的待显示数据转变为适量的待显示数据，可以有效降低在显示数据图形时所消耗的图形处理资源，同时，在网格的作用下，使得映射至网格中的待显示数据的数量较为充分，也就保证了生成的数据图形的精度较高。

需要说明的是，在实际应用中，不同的用户可使用各自的终端查看由上述的待显示数据所形成的数据图形，而对于不同的终端而言，其中的显示屏幕尺寸各不相同，那么，显示在各终端上的界面的大小也各不相同，也就是说，针对不同的终端，各终端在界面中划分的网格的数量也不相同。为了保证在显示数据图形的过程中，各终端均不会消耗过多的图形处理资源，且数据图形又有较高的精度，因此在本申请实施例中，各终端将在界面中划分合适的网格，也即，预先设置包含网格的界面，具体包括：所述终端确定该终端自身屏幕的像素，根据确定出的屏幕的像素，在界面中划分与所述屏幕的像素相匹配的网格，形成网格。

可见，本申请实施例中，不同终端在各自的界面中所划分的网格的大小，与各终端各自屏幕的像素大小相对应。可以认为，对于任一终端而言，显示出与其屏幕的像素数量相同的数据量，属于该终端的正常运行状态，也即，此时终端所消耗的图形处理资源属于正常状态，并且，像素级别的网格所显示出的数据图形的精度较高，也就保证了最终生成的数据图形的精度。

确定了界面中的网格后，终端便可将获取到的待显示数据进行映射，这里需要说明的是，在本申请实施例中，由大量待显示数据所绘制成的数据图形通常是线型图形，换言之，每条待显示数据可映射为网格中的点，并由大量的点组成线型图形。那么，上述步骤s103中，将所述待显示数据映射至该界面的网格中，具体包括：将所述待显示数据以图形点的方式映射在所述界面的网格中。

这里的图形点就是待显示数据映射至网格后，构成线型图形的点。

在实际应用时，待显示数据的数量通常较大(通常数据量在万～千万级别)，在这样的情况下，即使采用像素级别的网格，也会导致同一网格中映射有多个待显示数据，从而就需要终端对映射至网格的待显示数据进行滤除处理。同时，考虑到像素级别的网格通常可达到人眼的识别精度的最大程度，所以，一个网格内只包含一个图形点即可，也即，上述的设定数量为1个，并在此基础上， 步骤s104中将超过设定数量的待显示数据滤除，具体包括：针对任一映射有待显示数据的网格，确定映射在该网格中的所有待显示数据对应的图形点，在所述网格内选定距离该像素网络中心最近的图形点，并将未选定的图形点滤除。

例如，图2a中显示了界面中部分网格所映射的待显示数据的图形点，从图2a中可见，这些图形点的数量较大(即，映射至网格中的待显示数据的数量较大)，平均每个网格内包含多个图形点，那么，终端在对这些图形点进行滤除处理后，便得到如图2b所示的图形点，也即，终端针对每个网格，保留距离该网格中心最近的图形点，并滤除其余的图形点。经过上述的滤除处理后，可保证平均每个网格中只包含一个图形点。显然，这将有效减少图形点的数量(即，待显示数据的数量)。

那么，在后续图形化处理时，将可以针对滤除后的图形点，形成线型图形。例如：针对上例，可根据滤除后的图形点生成如图2c所示的折线图(其中，图2c中示出的横、纵坐标是为了便于用户清楚地获知该折线图的含义，实际应用时可以根据需要进行设置调整，这里并不构成对本申请的限定)

此外，考虑到实际应用中，用户在通过终端查看数据图形时，可以对显示数据图形的界面的显示比例进行调整，那么，当界面的显示比例发生了变化后，数据图形也就会发生比例上的变化，具体而言，数据图形自身所占用的网格数据会发生变化：显示比例越小，数据图形所占用的网格数量就越少(在显示时体现为数据图形整体将缩小)；反之，数据图形所占用的网格数量就越大(在显示时体现为数据图形整体将放大)。从而就需要重新调整数据图形的显示，也即，在本申请实施例中，上述如图1所示的方法还包括：监测所述界面的显示比例，当监测到所述界面的显示比例发生改变时，确定该界面改变后的显示比例对应的网格的数量，根据显示比例改变后的网格的数量，将所述待显示数据重新映射至该显示比例下的界面的网格中，在映射有待显示数据的各网格内，将超过设定数量的待显示数据滤除，并在该界面中重新生成数据图形进行显示。

这里需要说明的是，本申请实施例中所述的界面的显示比例的变化，在某 些场景下，也包括界面的显示尺寸的变化，例如：当使用网页来显示数据图形的场景下，全屏显示的网页和非全屏显示的网页的显示比例并不相同，可认为，全屏显示的网页的显示比例为100％，而非全屏显示的网页的显示比例可能为75％。显然，当用户将非全屏显示的网页最大化成为全屏显示的网页后，网页中的所显示的数据图形的比例也就发生了变化。从而，将根据上述的调整方法来重新显示数据图形。当然，这里并不构成对本申请的限定。

结合上述内容，在针对大量数据进行图形显示的场景下，采用本申请实施例中的上述方式，可以有效地减少构成数据图形所需的数据量，从而可以减少终端在显示数据图形时所消耗的图形处理资源，此外，不同于现有技术中对数据进行采样的方式，本申请实施例中以像素级别的网格作为绘制图形的参考，并在界面中绘制生成数据图形，而像素级别的网格可保证数据图形的精度，所以，本申请的上述方法既能够减少图形处理资源的消耗也能够保证数据图形精确度。

以上为本申请实施例提供的数据显示方法，基于同样的思路，本申请实施例还提供一种数据显示装置，如图3所示。

图3中的数据显示装置，所述装置包括：

获取模块301，用于获取待显示数据。

划分模块302，用于在预设的界面中划分形成网格。

映射模块303，用于根据所要生成的数据图形，将所述待显示数据映射至该界面的网格中。

滤除模块304，用于针对任一网格，在与该网格具有映射关系的待显示数据中，将超过设定数量的待显示数据滤除。

显示模块305，用于根据滤除后的待显示数据，以及该待显示数据与网格的映射关系，在所述界面中生成数据图形，并显示。

在本申请实施例中，划分模块302，具体用于确定终端自身屏幕的像素， 根据确定出的屏幕的像素，在界面中划分与所述屏幕的像素相匹配的网格，形成网格。

映射模块303，具体用于将所述待显示数据以图形点的方式映射在所述界面的网格中。

在本申请实施例中的一种方式下，前述的设定数量为1个，并基于此，滤除模块304，具体用于针对任一映射有待显示数据的网格，确定映射在该网格中的所有待显示数据对应的图形点，在所述网格内选定距离该像素网络中心最近的图形点，并将未选定的图形点滤除。

此外，所述装置还包括：显示调节处理模块306，用于监测所述界面的显示比例，当监测到所述界面的显示比例发生改变时，确定该界面改变后的显示比例对应的网格的数量，根据显示比例改变后的网格的数量，将所述待显示数据重新映射至该显示比例下的界面的网格中，在映射有待显示数据的各网格内，将超过设定数量的待显示数据滤除，并在该界面中重新生成数据图形进行显示。

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

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

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

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

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

以上所述仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。