CN107870753B - 数据呈现方法和装置 - Google Patents

Abstract

本申请公开了数据呈现方法和装置。所述方法的一具体实施方式包括：实时获取多个监测对象的监测数据，建立所述监测数据的数据集合；根据所述数据集合中的最大值以及最小值，确定所述数据集合的数值范围；将所述数值范围与预先建立的数据‑色值表中的数据相比较，确定所述数值范围对应的色值范围；将各所述监测数据与所述数据‑色值表中的数据比较，确定各所述监测数据的色值；基于所述监测对象的标识、各所述监测数据、各所述监测数据对应的色值以及所述色值范围内的色值建立柱状图，并呈现所述柱状图，从而可以更加精确的将数据通过柱状图呈现出来。

Description

数据呈现方法和装置

技术领域

本申请涉及计算机技术领域，具体涉及互联网技术领域，尤其涉及数据呈现方法和装置。

背景技术

红(R)、绿(G)、蓝(B)三种原色光按照不同比例混合后会产生不同颜色的次级色光，在对红、绿、蓝三种原色的光进行混合时，可以将此三种原色看成三个颜色通道，改变每个通道的值可以得到各种颜色，通常每个颜色通道的色值的变化范围为0-255，即理论上可以得到256×256×256种色值.

在现有的通过色值呈现数据的技术中，通常将固定的色值赋于某个预先设定的区间段，并将获取到的数据直接与各个区间段比较，来呈现获取到的数据，然而，此方法可以呈现出数据的大概范围，对于需要呈现高精确度的应用中，难以满足要求。

发明内容

本申请的目的在于提出一种改进的数据呈现方法和装置，来解决以上背景技术部分提到的技术问题。

第一方面，本申请提供了一种数据呈现方法，所述方法包括：实时获取多个监测对象的监测数据，建立所述监测数据的数据集合；根据所述数据集合中的最大值以及最小值，确定所述数据集合的数值范围；将所述数值范围与预先建立的数据-色值表中的数据相比较，确定所述数值范围对应的色值范围；将各所述监测数据与所述数据-色值表中的数据比较，确定各所述监测数据的色值；基于所述监测对象的标识、各所述监测数据、各所述监测数据对应的色值以及所述色值范围内的色值建立柱状图，并呈现所述柱状图。

在一些实施例中，所述基于所述监测对象的标识、各所述监测数据、各所述监测数据对应的色值以及所述色值范围内的色值建立柱状图，并呈现所述柱状图，包括：根据所述数值范围，确定所述柱状图的坐标轴，其中，所述坐标轴包括坐标轴刻度，所述坐标轴刻度包括所述坐标轴刻度的最大刻度值、所述坐标轴刻度的最小刻度值、以及所述坐标轴刻度的刻度间距；根据所述色值范围内的色值所对应的颜色，确定所述柱状图的图例，并呈现在所述柱状图的一侧。

在一些实施例中，所述根据所述色值范围内的色值所对应的颜色，确定所述柱状图的图例，并呈现在所述柱状图的一侧，包括：将所述数据-色值表中与所述最大刻度值对应的色值作为所述图例的终点色值；将所述数据-色值表中与所述最小刻度值对应的色值作为所述图例的起点色值；根据所述终点色值和所述起点色值，确定所述柱状图的图例。

在一些实施例中，所述将所述数据-色值表中与所述最大刻度值对应的色值作为所述图例的终点色值，包括：将所述最大刻度值与多个预设数据区间比较，确定所述最大刻度值所属的第一预设数据区间；根据所述最大刻度值在所述第一预设数据区间所占的比例，确定所述最大刻度值在所述第一预设数据区间的第一位置；根据所述第一位置、所述数据-色值表中与所述第一预设数据区间对应的色值，确定所述终点色值。

在一些实施例中，所述将所述数据-色值表中与所述最小刻度值对应的色值作为所述图例的起点色值，包括：将所述最小刻度值与多个预设数据区间比较，确定所述最小刻度值所属的第二预设数据区间；根据所述最小刻度值在所述第二预设数据区间所占的比例，确定所述最小刻度值在所述第二预设数据区间的第二位置；根据所述第二位置、所述数据-色值表中与所述第二预设数据区间对应的色值，确定所述终点色值。

在一些实施例中，所述根据所述终点色值和所述起点色值，确定所述柱状图的图例，包括：判断所述第一预设数据区间和所述第二预设数据区间是否为同一预设数据区间；响应于所述第一预设数据区间和所述第二预设数据区间为同一预设数据区间，根据与所述同一预设数据区间对应的所述数据-色值表中的色值，确定所述柱状图的图例；响应于所述第一预设数据区间和所述第二预设数据区间为不同的预设数据区间，根据各所述预设数据区间的预设阈值，确定所述坐标轴所包含的各所述预设阈值；根据所述预设阈值在所述数据-色值表中的色值，确定所述图例的过渡色值；根据所述终点色值、所述起点色值和所述过渡色值确定所述柱状图的图例。

第二方面，本申请提供了一种数据呈现装置，所述装置包括：获取单元，配置用于实时获取多个监测对象的监测数据，建立所述监测数据的数据集合；数值范围确定单元，配置用于根据所述数据集合中的最大值以及最小值，确定所述数据集合的数值范围；色值范围确定单元，配置用于将所述数值范围与预先建立的数据-色值表中的数据相比较，确定所述数值范围对应的色值范围；比较单元，配置用于将各所述监测数据与所述数据-色值表中的数据比较，确定各所述监测数据的色值；呈现单元，配置用于基于所述监测对象的标识、各所述监测数据、各所述监测数据对应的色值以及所述色值范围内的色值建立柱状图，并呈现所述柱状图。

在一些实施例中，所述呈现单元包括：坐标轴确定子单元，配置用于根据所述数值范围，确定所述柱状图的坐标轴，其中，所述坐标轴包括坐标轴刻度，所述坐标轴刻度包括所述坐标轴刻度的最大刻度值、所述坐标轴刻度的最小刻度值、以及所述坐标轴刻度的刻度间距；图例确定子单元，配置用于根据所述色值范围内的色值所对应的颜色，确定所述柱状图的图例，并呈现在所述柱状图的一侧。

在一些实施例中所述图例确定子单元，包括：终点色值确定模块，配置用于将所述数据-色值表中与所述最大刻度值对应的色值作为所述图例的终点色值；起点色值确定模块，配置用于将所述数据-色值表中与所述最小刻度值对应的色值作为所述图例的起点色值；图例确定模块，配置用于根据所述终点色值和所述起点色值，确定所述柱状图的图例。

在一些实施例中，所述终点色值确定模块配置进一步用于：将所述最大刻度值与多个预设数据区间比较，确定所述最大刻度值所属的第一预设数据区间；根据所述最大刻度值在所述第一预设数据区间所占的比例，确定所述最大刻度值在所述第一预设数据区间的第一位置；根据所述第一位置、所述数据-色值表中与所述第一预设数据区间对应的色值，确定所述终点色值。

在一些实施例中，所述起点色值确定模块配置进一步用于：将所述最小刻度值与多个预设数据区间比较，确定所述最小刻度值所属的第二预设数据区间；根据所述最小刻度值在所述第二预设数据区间所占的比例，确定所述最小刻度值在所述第二预设数据区间的第二位置；根据所述第二位置、所述数据-色值表中与所述第二预设数据区间对应的色值，确定所述终点色值。

在一些实施例中，所述图例确定模块配置进一步用于：判断所述第一预设数据区间和所述第二预设数据区间是否为同一预设数据区间；响应于所述第一预设数据区间和所述第二预设数据区间为同一预设数据区间，根据与所述同一预设数据区间对应的所述数据-色值表中的色值，确定所述柱状图的图例；响应于所述第一预设数据区间和所述第二预设数据区间为不同的预设数据区间，根据各所述预设数据区间的预设阈值，确定所述坐标轴所包含的各所述预设阈值；根据所述预设阈值在所述数据-色值表中的色值，确定所述图例的过渡色值；根据所述终点色值、所述起点色值和所述过渡色值确定所述柱状图的图例。

第三方面，本申请实施例提供了一种服务器，该服务器包括：一个或多个处理器；存储装置，其上存储有一个或多个程序；当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如第一方面中任一实现方式描述的方法。

第四方面，本申请实施例提供了一种计算机可读介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如第一方面中任一实现方式描述的方法。

本申请提供的数据呈现方法和装置，通过将获取到的多个监测对象的监测数据划分数值范围后，将数据与预先设定的数据-色值表的数据对比，分别确定与数值范围对应的色值以及与各个监测数据对应的色值，最后根据监测对象的标识、与监测对象对应的监测数据、监测数据的色值以及与监测数值范围对应的色值来建立柱状图，并将建立的柱状图呈现出来，从而将监测数据随时更新，并根据更新后的数据通过颜色随时显现出来，提供了数据监测效率。

附图说明

通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本申请的其它特征、目的和优点将会变得更明显：

图1是本申请可以应用于其中的示例性系统架构图；

图2是根据本申请的数据呈现方法的一个实施例的流程图；

图3是根据本申请的数据呈现方法的一个应用场景的示意图；

图4是根据本申请的数据呈现方法的又一个实施例的流程图；

图5是根据本申请的数据呈现置的一个实施例的结构示意图；

图6是适于用来实现本申请实施例的终端设备或服务器的计算机系统的结构示意图。

具体实施方式

下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释相关发明，而非对该发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与有关发明相关的部分。

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。

图1示出了可以应用本申请的数据呈现方法或数据呈现装置的实施例的示例性系统架构100。

如图1所示，系统架构100可以包括终端设备101、102、103，网络104、106，,服务器105和机电实体设备107、108、109。网络104、106用以在终端设备101、102、103和服务器105之间或者服务器105和实体设备107、108、109之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备101、102、103通过网络104与服务器105交互，以获取设备的工作参数等信息。终端设备101、102、103上可以安装有各种通讯客户端应用，例如工作控制软件等可用于向服务器105发送指令的软件。

终端设备101、102、103可以是具有显示屏并且支持信息发送的各种电子设备，包括但不限于智能手机、平板电脑、电子书阅读器、MP3播放器(Moving Picture ExpertsGroup Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(Moving PictureExperts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。

服务器105可以是根据监测数据提供柱状图显示的服务器，例如对终端设备101、102、103上运行的工程控制软件或网页信息提供支持的后台服务器。后台服务器可以接收实体设备107、108、109的实际监测数据，同时与预置在服务器上的数据-色值表中的数据进行比较，建立柱状图模型，并将柱状图模型呈现在在终端设备101、102、103上。上述实体设备可以为用于监测数据的传感器等。

需要说明的是，本申请实施例所提供的数据呈现方法一般由服务器105执行，相应地，数据呈现装置一般设置于服务器105中。

应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

继续参考图2，示出了根据本申请的数据呈现方法的一个实施例的流程200。所述的数据呈现方法，包括以下步骤：

步骤201，实时获取多个监测对象的监测数据，建立监测数据的数据集合。

在本实施例中，数据呈现方法运行于其上的电子设备(例如图1所示的服务器)可以通过有线连接方式或者无线连接方式实时从监测设备例如传感器上获取监测对象的监测数据，其中，上述监测对象可以为气体流量，水流量，液体流量，混合流量，网络数据流量等，也可以为各种流体例如气体、液体或者混合体的温度、压力等，只要可以通过实体设备监测并可以获得监测数据的监测对象均落在本申请的保护范围内。上述流量为单位时间内流经封闭管道有效截面积的流体量。

对监测对象例如水流量进行监测时，通常可以在不同的地点设置监测点，以监测某条河的水位为例，可以预先设置多个河段的监测点，并设置监测设备，例如监测水位的传感器，传感器将监测到的水位数据实时传送至服务器。在同一段时间内，服务器可以获取到各个监测点处监测设备传送至服务器的监测数据，服务器将获取到的监测数据组成一个数据集合以方便对同一时间内的数据进行后续操作。

步骤202，根据数据集合中的最大值以及最小值，确定数据集合的数值范围。

在本实施例中，基于步骤201中得到的数据集合，上述电子设备(例如图1所示的服务器)可以首先确定上述数据集合中的监测数据的最大值和最小值，并根据最大值和最小值确定数据集合的数值范围。作为一个示例，假设上述数据集合中的最大值为“78”，最小值为“23”，则可确定上述数据集合的数值范围为“20-80”。

步骤203，将数值范围与预先建立的数据-色值表中的数据相比较，确定数值范围对应的色值范围。

在本实施例中，数据呈现方法运行于其上的电子设备上可以预先建立数据与色值之间的对应关系的数据-色值表，其中，数据-色值表用于记录历史数据与色值的对应关系。数据-色值表可以利用如下的方式建立：首先根据监测对象的历史数据为监测对象的历史数据进行数据段划分，并根据划分好的数据段，为每一个数据段设置色值。色值可以利用红、绿、蓝三原色的色值来表示，其中，红色利用字母R代表，绿色利用字母G代表，蓝色利用字母B代表。红色的色值为RGB[255，0，0]，即红色的灰度为255，绿色和蓝色的灰度分别为0，同理，绿色的色值为RGB[0，255，0]，蓝色的色值为RGB[0，0，255]，而其他颜色则是红、绿、蓝三种颜色的灰度值按比例混合而成。例如黄色的色值为RGB[255，255，0]。

在本实施例中，上述服务器还可以预先将上述色值与大量历史数据中的每个历史数据设置色值，并为赋予色值的历史数据划分区间，由此方法建立数据-色值表，基于步骤203中获得的数据集合的数值范围，可以将此范围与预先建立的数据-色值表中的数据进行对比，确定上述数值范围在数据-色值表中所属的范围，从而确定上述数值范围所对应的色值范围。

步骤204，将各监测数据与数据-色值表中的数据比较，确定各监测数据的色值。

在本实施例中，根据上述电子设备中预先建立的数据-色值表，可以将各监测数据与数据-色值表中的数据进行比较，从而确定各个监测数据的色值。

在本实施例中，可以根据预先建立好的数据-色值表中的各个数据区间段，将各监测数据与数据-色值表中各数据区间段的端点值进行比较，确定各个监测数据所属的区间段，然后根据各区间预先设置的色值，确定各监测数据的色值。

步骤205，基于监测对象的标识、各监测数据、各监测数据对应的色值以及色值范围内的色值建立柱状图，并呈现柱状图。

在本实施例中，根据各监测对象的标识，将监测对象与在该监测对象处的监测数据一一对应，并根据步骤204中获得的监测数据的色值，建立柱状图，同时将步骤203中确定的与数值范围对应的色值范围所包含的色值显示在所说柱状图中。其中，柱状图中每个柱子的颜色为与各监测数据对应的色值所呈现的颜色，同时在上述柱状图的每个柱子的上方显示各监测数据值。

继续参见图3，图3是根据本实施例的数据呈现方法的应用场景的一个示意图。在图3的应用场景中，“监测设备1”、“监测设备2”、“监测设备3”分别在同一个时间内获取3个监测对象的监测数据，各监测设备将获取到的监测数据分别发送至对各个监测设备支持的服务器中。例如“监测设备1”获取到的监测数据为“88”，“监测设备2”获取到的监测数据为“30”，“监测设备3”获取到的监测数据为“67”，服务器实时获取到各监测对象的数据后，可以建立该时刻的数据集合：“[监测设备1，监测设备2，监测设备3]＝[88，32，67]”。从该数据集合可以看出，该数据集合中的最大值为“88”，最小值为“67”，因此该数据集合的数值范围为“30-90”，其中，数值范围的端点值均取10的整数倍。将获取到的数值范围与预先建立在服务器中的数据-色值表中的数据进行比较，例如在数据-色值表中，数值范围“20-50”对应的颜色为绿色逐渐向黄色过渡，即色值范围为“RGB[0，255，0]-RGB[255，255，0]”与数值范围“50-100”对应的颜色为黄色逐渐向红色过渡，即色值范围为“RGB[255，255，0]-RGB[255，0，0]”，因此与数值范围“30-100”对应的色值范围为“RGB[0，255，0]-RGB[255，255，0]-RGB[255，0，0]”。将上述三个监测数据与数据-色值表中的数据比较，确定这三个监测数据的色值，例如监测数据“98”在数据-色值表中对应的色值为RGB[253，0，0]，此监测数据的颜色为红色。确定各监测数据的色值后，根据“监测设备1”、“监测设备2”、“监测设备3”的标识、与各监测设备对应的监测数据以及各监测数据的色值建立柱状图，其中，柱状图中每个柱子的颜色根据与监测数据对应的色值而显现，同时根据色值范围，将上述色值范围内的色值同时显现在柱状图上。

本申请的上述实施例提供的方法，通过将监测数据与数据-色值表进行对比，确定各监测数据对应的色值，并将监测数据的数值范围与色值范围相对应，可以更加准确的将监测数据通过柱状图呈现出来。

进一步参考图4，其示出了数据呈现方法的又一个实施例的流程400。该数据呈现方法的流程400，包括以下步骤：

步骤401，实时获取多个监测对象的监测数据，建立监测数据的数据集合。

在本实施例中，数据呈现方法运行于其上的电子设备(例如图1所示的服务器)可以通过有线连接方式或者无线连接方式实时从监测设备例如传感器上获取各个监测对象的监测数据，同时将在同一时间获取到的各个监测数据建立数据集合。

步骤402，根据数据集合中的最大值以及最小值，确定数据集合的数值范围。

在本实施例中，基于步骤201中得到的数据集合，上述电子设备(例如图1所示的服务器)可以首先确定上述数据集合中的监测数据的最大值和最小值，并根据最大值和最小值确定数据集合的数值范围。

步骤403，将数值范围与预先建立的数据-色值表中的数据相比较，确定数值范围对应的色值范围。

在本实施例中，数据呈现方法运行于其上的电子设备上可以预先建立数据与色值之间的对应关系的数据-色值表，其中，数据-色值表用于记录历史数据与色值的对应关系。

步骤404，将各监测数据与数据-色值表中的数据比较，确定各监测数据的色值。

在本实施例中，根据上述电子设备中预先建立的数据-色值表，可以将各监测数据与数据-色值表中的数据进行比较，从而确定各个监测数据的色值。

步骤405，基于监测对象的标识、各监测数据、各监测数据对应的色值以及色值范围内的色值建立柱状图，并呈现柱状图包括以下步骤：

步骤4051，根据数值范围，确定柱状图的坐标轴。

在本实施例中，根据步骤402中确定的数值范围，可以首先确定柱状图的坐标轴，其中，该坐标轴包括坐标轴刻度，在坐标轴刻度上设置有最大刻度值，最小刻度值以及坐标轴的间距。

在本实施例中，服务器根据上述数据集合中的最大值，可以确定上述柱状图的坐标轴刻度的最大值，例如，可以将数据集合中的最大值的最高位加1，其余位数补零来确定坐标刻度最大值；同样，根据数据集合中的最小值，确定上述柱状图的做标轴刻度的最小值，即，可以将数据集合中的最小值的最高位减1，其余位数补零来确定坐标刻度最小值；服务器根据数据集合的数值的分布范围，确定上述坐标轴的刻度的个数，根据刻度个数以及刻度最大值和最小值，确定坐标轴的各个刻度。

步骤4052，根据色值范围内的色值，确定柱状图的图例，并呈现在柱状图的一侧。

在本实施例中，根据步骤403中确定的色值范围，服务器可以将色值范围内的色值按照与其对应的颜色全部呈现来以作为上述柱状图的图例，同时将图例呈现在柱状图的一侧，可以进行以下步骤：

步骤40521，将数据-色值表中与最大刻度值对应的色值作为图例的终点色值。

在本实施例中，根据步骤4051中确定的柱状图的坐标轴的最大刻度值，服务器将此最大刻度值与预先建立的数据-色值表中的色值进行比较，确定最大刻度值的色值，同时将此色值作为上述柱状图图例的终点色值。

在本实施例的一些可选的实现方式中，首先可以将上述最大刻度值与预先设定在上述数据-色值表中的多个区间进行比较，确定上述最大刻度值所属的第一预设数据区间；接着确定上述最大刻度值在所属的第一预数据设区间所占的比例，从而确定最大刻度值在第一预设数据区间的第一位置，最后，根据最大刻度值在第一预设数据区间的第一位置、以及在数据-色值表中与第一预设数据区间的第一位置对应的色值确定终点色值。

以呈现水位柱状图为例来具体阐述终点色值的确定方法：首先可以在数据-色值表中预先将历史水位数据划分成多个区间，例如可以设置“正常水位区间”、“警戒水位区间”以及“危险水位区间”，同时可以为各个区间的起始点赋予色值，“正常水位区间”起始点可以为赋予“RGB[0，255，0]”，即“绿色”，“警戒水位区间”起点可以赋予“RGB[255，255，0]”，即“黄色”，“危险水位区间”起点可以赋予“RGB[255，0，0]”，即“红色”，当数据-色值表中的数据由“正常水位区间”逐渐向“警戒水位区间”过渡时，色值变化范围为“RGB[0-255，255.0]”，即代表“红色”通道的数值逐渐增加，当数据-色值表中的数据由“警戒水位区间”向“危险水位区间”过渡时，色值变化范围为“RGB[255，255-0，0]”，即代表“绿色”通道的数值逐渐减小；当水位区间以及与水位区间相对应的色值确定后，服务器可以将柱状图中坐标轴的刻度最大值与柱状图的图例的终点色值对应起来，即将刻度最大值与数据-色值表中的数据对比，确定刻度最大值所属的区间，例如当服务器解析到的最大刻度值为“60”，而预先设定在服务器中的数据的“正常水位区间”为大于等于0，小于等于40，“警戒水位区间”为大于等于40，小于等于80，则该刻度最大值所属的区间为“警戒水位区间”；确定最大刻度值“60”在“警戒水位区间”内所占的比例，即“(60-40)/(80-40)＝0.5”，即最大刻度值在“警戒水位区间”所占的比例为“50％”，根据警戒水位区间内中间点的色值，即“RGB[255，123，0]”，即将该色值确定为上述图例的终点色值。

步骤40522，将数据-色值表中与最小刻度值对应的色值作为图例的起点色值。

在本实施例中，根据步骤4051中确定的柱状图的坐标轴的最小刻度值，服务器将此最小刻度值与预先建立的数据-色值表中的色值进行比较，确定最小刻度值的色值，同时将此色值作为上述柱状图图例的起点色值。

在本实施例的一些可选的实现方式中，首先可以将上述最小刻度值与预先设定在上述数据-色值表中的多个区间进行比较，确定上述最小刻度值所属的第二预设数据区间；接着确定上述最小刻度值在所属的第二预设数据区间所占的比例，从而确定最小刻度值在第二预设数据区间的第二位置，最后，根据最小刻度值在第二预设数据区间的第二位置、以及在数据-色值表中与第二预设数据区间的第二位置对应的色值确定起点色值。

在本实施例中，确定图例的起点色值的方法与确定图例的终点色值的方法相一致，具体的例子可以参考步骤40511中确定终点色值的方法，在此不再赘述。

步骤40523，根据终点色值和起点色值，确定柱状图的图例。

在本实施例中，服务器首先判断步骤40521中确定的上述图例的终点色值所属的第一预设数据区间以及步骤40522中确定的上述图例的起点色值所属的第二预设数据区间是否为同一个预设数据区间。

接着，当服务器判断出上述第一预设数据区间以及第二预设数据区间为同一个数据区间时，直接根据上述终点色值和起点色值绘制柱状图的图例，其中绘制图例的方法可以利用层叠样式表(CSS,Cascading Style Sheet)或者photoshop等工具绘制；该图例所呈现的颜色为由终点色到起点色根据色值而变化的渐变色。继续以步骤40521中的例子来示例，当第一预设数据区间与第二预设数据区间为同一预设数据区间，即均为“正常水位区间”时，而终点色为“黄色”，起点色为“绿色”，则该图例为由“绿色”逐渐过渡为“黄色”的渐变色。

当服务器判断出上述第一预设数据区间以及第二预设数据区间为不同的数据区间时，首先确定上述坐标刻度中最大刻度值以及最小刻度值所覆盖的各预设数据区间，以及每两个预设数据区间之间的预设阈值，并将该预设阈值在上述数据-色值表中的色值确定上述图例的过渡色值，同时根据上述终点色值、起点色值以及过渡色值利用CSS3绘制柱状图的图例。继续以步骤40521中的例子来示例，当第一预设数据区间与第二预设数据区间为不同的预设数据区间，假设第一预设数据区间为“正常水位区间”、第二预设数据区间为“警戒水位区间”时，二预设水位区间之间存在临界阈值，该阈值点的颜色假设设置为“黄色”，假设终点色的颜色为“黄偏红”的颜色，起点色的颜色为“绿色”，因此，根据起点色、终点色以及中间渐变色确定柱状图的图例的颜色，该图例呈现的颜色为由“绿色”向“黄色”过渡，再由“黄色”向“红色”过渡。

从图4中可以看出，与图2对应的实施例相比，本实施例中的数据呈现方法的流程400突出了建立柱状图的坐标轴的方法以及将坐标轴的数据与柱状图的图例的色值对应，并呈现可以变化的图例的方法，从而实现了更加准确、突出的将数据通过坐标轴呈现出来。

进一步参考图5，作为对上述各图所示方法的实现，本申请提供了一种数据呈现的装置的一个实施例，该装置实施例与图2所示的方法实施例相对应，该装置具体可以应用于各种电子设备中。

如图5所示，本实施例所述的数据呈现的装置500包括：获取单元501、数值范围确定单元502、色值范围确定单元503、比较单元504和呈现单元505。其中，获取单元501配置用于实时获取多个监测对象的监测数据，建立所述监测数据的数据集合；数值范围确定单元502配置用于根据所述数据集合中的最大值以及最小值，确定所述数据集合的数值范围；色值范围确定单元503配置用于将所述数值范围与预先建立的数据-色值表中的数据相比较，确定所述数值范围对应的色值范围；比较单元504配置用于将各所述监测数据与所述数据-色值表中的数据比较，确定各所述监测数据的色值；呈现单元505配置用于基于所述监测对象的标识、各所述监测数据、各所述监测数据对应的色值以及所述色值范围内的色值建立柱状图，并呈现所述柱状图。

在本实施例中，：获取单元501、数值范围确定单元502、色值范围确定单元503、比较单元单元504和呈现单元505的具体处理可以参考图2对应实施例步骤201、步骤202、步骤203、步骤204和步骤205的详细描述，在此不再赘述。

在本实施例的一些可选的实现方式中，上述装置500的呈现单元505还包括：坐标轴确定子单元5051，配置用于根据所述数值范围，确定所述柱状图的坐标轴，其中，所述坐标轴包括坐标轴刻度，所述坐标轴刻度包括所述坐标轴刻度的最大刻度值、所述坐标轴刻度的最小刻度值、以及所述坐标轴刻度的刻度间距；图例确定子单元5052配置用于根据所述色值范围内的色值所对应的颜色，确定所述柱状图的图例，并呈现在所述柱状图的一侧。

在本实施例的一些可选的实现方式中，上述图例确定子单元5052还包括终点色值确定模块50521，配置用于将所述数据-色值表中与所述最大刻度值对应的色值作为所述图例的终点色值；起点色值确定模块50522，配置用于将所述数据-色值表中与所述最小刻度值对应的色值作为所述图例的起点色值；图例确定模块50523，配置用于根据所述终点色值和所述起点色值，确定所述柱状图的图例

在本实施例的一些可选的实现方式中，上述装置500的终点色值确定模块50521配置进一步用于：将所述最大刻度值与多个预设数据区间比较，确定所述最大刻度值所属的第一预设数据区间；根据所述最大刻度值在所述第一预设数据区间所占的比例，确定所述最大刻度值在所述第一预设数据区间的第一位置；根据所述第一位置、所述数据-色值表中与所述第一预设数据区间对应的色值，确定所述终点色值。

在本实施例的一些可选的实现方式中，上述装置500的起点色值确定模块50522配置进一步用于：将所述最小刻度值与多个预设数据区间比较，确定所述最小刻度值所属的第二预设数据区间；根据所述最小刻度值在所述第二预设数据区间所占的比例，确定所述最小刻度值在所述第二预设数据区间的第二位置；根据所述第二位置、所述数据-色值表中与所述第二预设数据区间对应的色值，确定所述终点色值。

在本实施例的一些可选的实现方式中，上述装置500的图例确定模块50523配置进一步用于：判断所述第一预设数据区间和所述第二预设数据区间是否为同一预设数据区间；响应于所述第一预设数据区间和所述第二预设数据区间为同一预设数据区间，根据与所述同一预设数据区间对应的所述数据-色值表中的色值，确定所述柱状图的图例；响应于所述第一预设数据区间和所述第二预设数据区间为不同的预设数据区间，根据各所述预设数据区间的预设阈值，确定所述坐标轴所包含的各所述预设阈值；根据所述预设阈值在所述数据-色值表中的色值，确定所述图例的过渡色值；根据所述终点色值、所述起点色值和所述过渡色值确定所述柱状图的图例。

下面参考图6，其示出了适于用来实现本申请实施例的终端设备的计算机系统600的结构示意图。

如图6所示，计算机系统600包括中央处理单元(CPU)601，其可以根据存储在只读存储器(ROM)602中的程序或者从存储部分608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中，还存储有系统600操作所需的各种程序和数据。CPU 601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。

以下部件连接至I/O接口605：包括键盘、鼠标等的输入部分606；包括诸如液晶显示器(LCD)等以及扬声器等的输出部分607；包括硬盘等的存储部分608；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分609。通信部分609经由诸如因特网的网络执行通信处理。驱动器610也根据需要连接至I/O接口605。可拆卸介质611，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器610上，以便于从其上读出的计算机程序根据需要被安装入存储部分608。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括有形地包含在机器可读介质上的计算机程序，所述计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分609从网络上被下载和安装，和/或从可拆卸介质611被安装。在该计算机程序被中央处理单元(CPU)601执行时，执行本申请的方法中限定的上述功能。

附图中的流程图和框图，图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，所述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本申请实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，例如，可以描述为：一种处理器包括获取单元、数值范围确定单元、色值范围确定单元、比较单元以及呈现单元。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定，例如，获取单元还可以被描述为“实时获取多个监测对象的监测数据，建立所述监测数据的数据集合的单元”。

作为另一方面，本申请还提供了一种非易失性计算机存储介质，该非易失性计算机存储介质可以是上述实施例中所述装置中所包含的非易失性计算机存储介质；也可以是单独存在，未装配入终端中的非易失性计算机存储介质。上述非易失性计算机存储介质存储有一个或者多个程序，当所述一个或者多个程序被一个设备执行时，使得所述设备：实时获取多个监测对象的监测数据，建立所述监测数据的数据集合；根据所述数据集合中的最大值以及最小值，确定所述数据集合的数值范围；将所述数值范围与预先建立的数据-色值表中的数据相比较，确定所述数值范围对应的色值范围；将各所述监测数据与所述数据-色值表中的数据比较，确定各所述监测数据的色值；基于所述监测对象的标识、各所述监测数据、各所述监测数据对应的色值以及所述色值范围内的色值建立柱状图，并呈现所述柱状图。

以上描述仅为本申请的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本申请中所涉及的发明范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离所述发明构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本申请中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (8)

1.一种数据呈现方法，其特征在于，所述方法包括：

实时获取多个监测对象的监测数据，建立所述监测数据的数据集合；

根据所述数据集合中的最大值以及最小值，确定所述数据集合的数值范围；

将所述数值范围与预先建立的数据-色值表中的数据相比较，确定所述数值范围对应的色值范围；

将各所述监测数据与所述数据-色值表中的数据比较，确定各所述监测数据的色值；

基于所述监测对象的标识、各所述监测数据、各所述监测数据对应的色值以及所述色值范围内的色值建立柱状图，并呈现所述柱状图；

所述基于所述监测对象的标识、各所述监测数据、各所述监测数据对应的色值以及所述色值范围内的色值建立柱状图，并呈现所述柱状图，包括：根据所述数值范围，确定所述柱状图的坐标轴，其中，所述坐标轴包括坐标轴刻度，所述坐标轴刻度包括所述坐标轴刻度的最大刻度值、所述坐标轴刻度的最小刻度值、以及所述坐标轴刻度的刻度间距；根据所述色值范围内的色值所对应的颜色，确定所述柱状图的图例，并呈现在所述柱状图的一侧；

所述根据所述色值范围内的色值所对应的颜色，确定所述柱状图的图例，并呈现在所述柱状图的一侧，包括：将所述数据-色值表中与所述最大刻度值对应的色值作为所述图例的终点色值；将所述数据-色值表中与所述最小刻度值对应的色值作为所述图例的起点色值；根据所述终点色值和所述起点色值，确定所述柱状图的图例；

所述将所述数据-色值表中与所述最大刻度值对应的色值作为所述图例的终点色值，包括：将所述最大刻度值与多个预设数据区间比较，确定所述最大刻度值所属的第一预设数据区间；根据所述最大刻度值在所述第一预设数据区间所占的比例，确定所述最大刻度值在所述第一预设数据区间的第一位置；根据所述第一位置、所述数据-色值表中与所述第一预设数据区间对应的色值，确定所述终点色值。

2.根据权利要求1所述的方法，其特征在于，所述将所述数据-色值表中与所述最小刻度值对应的色值作为所述图例的起点色值，包括：

将所述最小刻度值与多个预设数据区间比较，确定所述最小刻度值所属的第二预设数据区间；

根据所述最小刻度值在所述第二预设数据区间所占的比例，确定所述最小刻度值在所述第二预设数据区间的第二位置；

根据所述第二位置、所述数据-色值表中与所述第二预设数据区间对应的色值，确定所述终点色值。

3.根据权利要求2所述的方法，其特征在于，所述根据所述终点色值和所述起点色值，确定所述柱状图的图例，包括：

判断所述第一预设数据区间和所述第二预设数据区间是否为同一预设数据区间；

响应于所述第一预设数据区间和所述第二预设数据区间为同一预设数据区间，根据与所述同一预设数据区间对应的所述数据-色值表中的色值，确定所述柱状图的图例；

响应于所述第一预设数据区间和所述第二预设数据区间为不同的预设数据区间，根据各所述预设数据区间的预设阈值，确定所述坐标轴所包含的各所述预设阈值；根据所述预设阈值在所述数据-色值表中的色值，确定所述图例的过渡色值；根据所述终点色值、所述起点色值和所述过渡色值确定所述柱状图的图例。

4.一种数据呈现装置，其特征在于，所述装置包括：

获取单元，配置用于实时获取多个监测对象的监测数据，建立所述监测数据的数据集合；

数值范围确定单元，配置用于根据所述数据集合中的最大值以及最小值，确定所述数据集合的数值范围；

色值范围确定单元，配置用于将所述数值范围与预先建立的数据-色值表中的数据相比较，确定所述数值范围对应的色值范围；

比较单元，配置用于将各所述监测数据与所述数据-色值表中的数据比较，确定各所述监测数据的色值；

呈现单元，配置用于基于所述监测对象的标识、各所述监测数据、各所述监测数据对应的色值以及所述色值范围内的色值建立柱状图，并呈现所述柱状图；

所述呈现单元，包括：坐标轴确定子单元，配置用于根据所述数值范围，确定所述柱状图的坐标轴，其中，所述坐标轴包括坐标轴刻度，所述坐标轴刻度包括所述坐标轴刻度的最大刻度值、所述坐标轴刻度的最小刻度值、以及所述坐标轴刻度的刻度间距；图例确定子单元，配置用于根据所述色值范围内的色值所对应的颜色，确定所述柱状图的图例，并呈现在所述柱状图的一侧；

所述图例确定子单元，包括：终点色值确定模块，配置用于将所述数据-色值表中与所述最大刻度值对应的色值作为所述图例的终点色值；起点色值确定模块，配置用于将所述数据-色值表中与所述最小刻度值对应的色值作为所述图例的起点色值；图例确定模块，配置用于根据所述终点色值和所述起点色值，确定所述柱状图的图例；

所述终点色值确定模块配置进一步用于：将所述最大刻度值与多个预设数据区间比较，确定所述最大刻度值所属的第一预设数据区间；根据所述最大刻度值在所述第一预设数据区间所占的比例，确定所述最大刻度值在所述第一预设数据区间的第一位置；根据所述第一位置、所述数据-色值表中与所述第一预设数据区间对应的色值，确定所述终点色值。

5.根据权利要求4所述的装置，其特征在于，所述起点色值确定模块配置进一步用于：

将所述最小刻度值与多个预设数据区间比较，确定所述最小刻度值所属的第二预设数据区间；

根据所述最小刻度值在所述第二预设数据区间所占的比例，确定所述最小刻度值在所述第二预设数据区间的第二位置；

根据所述第二位置、所述数据-色值表中与所述第二预设数据区间对应的色值，确定所述终点色值。

6.根据权利要求5所述的装置，其特征在于，所述图例确定模块配置进一步用于：

判断所述第一预设数据区间和所述第二预设数据区间是否为同一预设数据区间；

响应于所述第一预设数据区间和所述第二预设数据区间为同一预设数据区间，根据与所述同一预设数据区间对应的所述数据-色值表中的色值，确定所述柱状图的图例；

响应于所述第一预设数据区间和所述第二预设数据区间为不同的预设数据区间，根据各所述预设数据区间的预设阈值，确定所述坐标轴所包含的各所述预设阈值；根据所述预设阈值在所述数据-色值表中的色值，确定所述图例的过渡色值；根据所述终点色值、所述起点色值和所述过渡色值确定所述柱状图的图例。

7.一种服务器，所述服务器包括：

一个或多个处理器；

存储装置，其上存储有一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-3中任一所述的方法。

8.一种计算机可读介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1-3中任一所述的方法。

Images