一种表格数据显示方法、装置、设备及存储介质与流程

本申请涉及数据处理技术领域，尤其涉及一种表格数据显示方法、装置、设备及存储介质。

背景技术：

表格是一种非常有效地组织整理数据的手段，在网站页面、app、办公软件中都会用到表格去展示某些数据。当表格展示的数据的维度比较多时，可能需要很多的表格行或表格列去显示相应的数据，这样会导致表格的长度或宽度过大，造成很多不便。比如，当需要将表格打印时，由于印刷介质通常以a4纸为标准，宽度是固定的，会造成无法将表格完整地打印在一张纸中，手机、平板等屏幕较小，需要通过这些移动终端去显示一个完整的表格的话，表格的大小就更加受限了。所以如何在减小表格的大小的同时让表格可以展示更丰富的数据显得尤为重要。

技术实现要素：

有鉴于此，本申请提供了一种表格数据显示方法、装置、设备及存储介质。

首先，本申请提供了一种表格数据显示方法，具体地，所述方法包括：

当接收到生成目标表格的指令时，根据预设格式将所述目标表格待展示的基础信息绘制成基准表格，其中，所述目标表格待展示的信息包括基础信息和特定信息，所述基础信息和所述特定信息为表征数据对象的属性的信息；

根据所述特定信息在所述基准表格中添加带颜色背景条柱以生成所述目标表格，其中，所述特定信息通过所述带颜色背景条柱表示。

其次，本申请提供了一种表格数据显示装置，所述装置包括：

绘制模块，用于当接收到生成目标表格的指令时，根据预设格式将所述目标表格待展示的基础信息绘制成基准表格，其中，所述目标表格待展示的信息包括基础信息和特定信息，所述基础信息和所述特定信息为表征数据对象的属性的信息；

添加模块，用于根据所述特定信息在所述基准表格中添加带颜色背景条柱以生成所述目标表格，其中，所述特定信息通过所述带颜色背景条柱表示。

另外，本申请提供了一种设备，所述设备包括：

存储器，用于存储可执行的计算机程序指令；

处理器，用于执行所述计算机程序指令以实现以下方法步骤：

当接收到生成目标表格的指令时，根据预设格式将所述目标表格待展示的基础信息绘制成基准表格，其中，所述目标表格待展示的信息包括基础信息和特定信息，所述基础信息和所述特定信息为表征数据对象的属性的信息；

根据所述特定信息在所述基准表格中添加带颜色背景条柱以生成所述目标表格，其中，所述特定信息通过所述带颜色背景条柱表示。

进一步的，本申请提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：

当接收到生成目标表格的指令时，根据预设格式将所述目标表格待展示的基础信息绘制成基准表格，其中，所述目标表格待展示的信息包括基础信息和特定信息，所述基础信息和所述特定信息为表征数据对象的属性的信息；

根据所述特定信息在所述基准表格中添加带颜色背景条柱以生成所述目标表格，其中，所述特定信息通过所述带颜色背景条柱表示。

本申请可获得以下有益效果：将需要显示的数据中基础信息绘制成基准表格，在所述基础表格中添加带颜色的背景条柱来表示需要显示的特定信息，通过带颜色的背景条柱将表格中的表格行和列利用起来展示额外的信息，可以在减小表格的大小的同时让表格展示更多的数据。

附图说明

图1是本申请一示例性实施例示出的一个显示某应用软件任务情况的表格示意图；

图2是本申请一示例性实施例示出的一个显示水果数量的表格示意图；

图3是本申请一示例性实施例示出的一种表格数据显示方法的方法流程图；

图4a是本申请一示例性实施例示出的一个基准表格示意图；

图4b是本申请一示例性实施例示出的一个目标表格示意图；

图5是本申请一示例性实施例示出的一个目标表格示意图；

图6是本申请一示例性实施例示出的一个目标表格示意图；

图7是本申请一示例性实施例示出的一个目标表格示意图；

图8是本申请一示例性实施例示出的一种表格数据显示装置的结构逻辑框图；

图9是本申请一示例性实施例示出的一种设备的结构逻辑框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。

在本申请使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本申请。在本申请和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。

应当理解，尽管在本申请可能采用术语第一、第二、第三等来描述各种数据，但这些数据不应限于这些术语。这些术语仅用来将同一类型的数据彼此区分开。例如，在不脱离本申请范围的情况下，第一数据也可以被称为第二数据，类似地，第二数据也可以被称为第一数据。取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。

表格是一种非常有效地组织整理数据的手段，在网站页面、app、办公软件中都会用到表格去展示某些数据。当表格展示的数据的维度比较多时，可能需要很多的表格行或表格列去显示相应的数据，这样会导致表格的长度或宽度过大，造成很多不便。如图1所示，为展示某应用软件任务需求以及任务运行进度的一个表格，为了更形象的展示各个任务的进度，一般会在任务进度那一列根据进度大小添加相应的进度条柱，以清楚形象的表示任务的进度，但是这样会导致表格的宽度较宽，在某些情况无法将整个完整的表格显示在一个页面中。另外，在某些报表中需要同时结合表格数据和柱状图来展示数据，以使待展示的数据更直观，这种情况一般会在表格旁边加一个与表格相应的柱状图，如图2所示，通过左边表格和右边的柱状图来同时展示水果的数量，使数据更加形象和直观，但是也存在一个问题，当页面较小时，会导致表格和柱状图无法完整的在一个页面展示。为了在不增加表格的本身的大小的情况下，让表格可以展示更多的信息和更丰富的数据，本申请提供了一种表格数据的显示方法，如图3所示，所述方法包括步骤s301-s302:

s301、当接收到生成目标表格的指令时，根据预设格式将所述目标表格待展示的基础信息绘制成基准表格，其中，所述目标表格待展示的信息包括基础信息和特定信息，所述基础信息和所述特定信息为表征数据对象的属性的信息；

s302、根据所述特定信息在所述基准表格中添加带颜色背景条柱以生成所述目标表格，其中，所述特定信息通过所述带颜色背景条柱表示。

用户在浏览网页、app、或者打开报表时，都会遇到各种各样的表格，以向用户展示数据。比如，用户在点击下载某个报表时，系统会自动生成报表中包含个各种表格，以向用户显示。一般系统在接收到用户在打开或下载某个表格时，系统会根据预先设置好的表格样式生成表格，再向用户展示。所以，可以在后台预先将目标表格需要展示的信息设置成基础信息和特定信息，所述基础信息和所述特定信息为表征数据对象的属性的信息，所述基础信息和特定信息的设置可根据具体情况去设置。

当系统接收到要生成目标表格的指令时，将目标表格中待展示的基础信息根据预设的格式绘制成一个基准表格，通过所述基准表格来显示基础信息，其中，生成的基准表格的格式为预设格式，预设的格式中规定了表格每一行以及每一列所表示的数据对象或属性，比如，如图1所示，预设格式规定了表格的第一行第一列为任务编号，第一行第二列为任务名称，第一行第二列为任务类型等、第一列每一行则表示不同的任务以及在进度这一列中，可以通过进度条来显示进度的大小等，这些表格的样式都是通过预设格式去设置的。在根据预设的格式生成基准表格后，系统会对待展示的特定信息进行分析，然后根据待展示的特定信息在基准表格中添加带颜色的背景条柱，通过这些带颜色的背景条柱来展示特定信息，目标表格由基准表格和基准表格中的带颜色条柱组成。

举个例子，图1中表格所表示的信息包括：各个任务的任务编号、任务名称、任务类型、操作以及进度。由于表格列中要显示的数据较多，导致表格宽度过大，所以，我们可以把各个任务的任务编号、任务名称、任务类型以及操作这些信息作为基础信息，而各个任务的进度的信息作为特定信息。根据预设的格式将基础信息绘制成图4a所示基准表格，然后再在基准表格中添加带颜色的背景条柱，如图4b所示，每一个表格行中添加一个带颜色的背景条柱以表示这个表格行所表示的任务的进度，其中带颜色的背景条柱的长度的大小表示进度的大小，通过这些带颜色的背景条柱便可形象而直观地表示出各个任务的进度的大小，并且，无需增加表格的宽度。

为了添加的带颜色背景条柱可以更清晰直观的表示特定信息，带颜色背景条柱可以添加在表格的表格行或表格列中，并且添加的某个表格行或列的带颜色背景条柱所表示的信息为该表格行或列所表示的数据对象的信息。如图4b所示，在任务1这一行添加的带颜色背景条柱表示任务1的进度，在任务2这一行添加的带颜色背景条柱表示任务2的进度，这样用户在查看表格的时候可以更直观的对应起来。

再比如，图2中表示水果数量的表格对应的柱状图也可以作为特定信息添加基准表格中。如图5所示，可以将表格作为基准表格，将各种水果的数量可以通过在各水果对应的表格行中添加带颜色背景条柱，通过带颜色背景条柱的长度来表示数量的多少。这样可以将表格与其对应的柱状图结合到一个表格中，可以直观形象的展示数据，又可以减小表格和柱状图占的空间的大小，即在不增大表格大小时可以让表格展示更多的数据。

在某个实施例中，带颜色背景条柱可以添加在基准表格的表格行中，带颜色背景条柱所表示的数据对象与表格行表示的数据对象相同，带颜色背景条柱的宽度与表格行的宽度相同，带颜色背景条柱的长度根据所表示的特定信息中数据对象的属性的大小去设置。如图5所示，带颜色背景条柱所表示的水果与表格行表示的水果相同，带颜色背景条柱的宽度与表格行的宽度相同，带颜色背景条柱的长度根据其表示的水果的数量多少去设置，带颜色背景条柱的长度与其表示的水果的数量正相关。当然，带颜色背景条柱的宽度与表格行的宽度相同只是本申请的一种显示形式，在实际设定时，带颜色背景条柱的宽度可以根据需要具体设定，只要不超过表格行的宽度即可。

在某个实施例中，带颜色背景条柱可以添加在基准表格的表格列中，带颜色背景条柱表示的数据对象与表格列表示的数据对象相同，带颜色背景条柱的长度与表格列的宽度相同，带颜色背景条柱的宽度根据所表示的特定信息中数据对象的属性的大小去设置。如图6所示，添加的用于表示水果数量的带颜色背景条柱的长度与表格列长度相同，带颜色背景条柱的宽度根据其表示的水果的数量多少去设置。同理，带颜色背景条柱的长度与表格行的长度相同只是本申请的一种显示形式，在实际设定时，带颜色背景条柱的长度可以根据需要具体设定，只要不超过表格行的长度即可。

由于添加的带颜色背景条柱可以直观形象的展示不同数据对象的某个属性的大小，以进行比较。比如，展示不同任务的进度，不同水果的数量，因而在某些例子中，用带颜色背景条柱来表示的特定信息可以是表示数据对象的属性的数值大小的信息，即可以量化的信息。比如进度大小、水果数量、分数高低等表示数值的信息，这种特定信息才能通过带颜色背景条柱的长度或宽度的大小来表征数值的大小，以便形象地展示数据。

在某些例子中，带颜色背景条柱的颜色可以根据所表示的特定信息去设置，比如基准表格中添加的带颜色背景条柱可以统一设置成一个颜色，也可以将表示不同信息的背景条柱设置成不同的颜色，或者设置成渐变的颜色，通过颜色的组合来更形象的展示数据，对此，本申请不做限制。

在某些例子中，可以在一个表格行或一个表格列中添加多条带颜色的背景条柱以展示不同的信息，可以通过将每一行或列的背景条柱设置成不同的颜色加以区分。如图7所示，为了展示张三、李四、王五三个人分配的苹果、香蕉、桔子三种水果的数量，如果单纯的数字表格无法直观的展示三个人的比较差异，因而可以通过在表格行中添加带颜色背景条柱来表示每个人每种水果的数量，通过带颜色的背景条柱可以清晰直观的看出同一个人不同水果数量的差异以及不同的人同一种水果数量的差异。

系统在生成目标表格时，在基准表格中添加带颜色背景条柱以展示特定信息时可以采用不同的方法。比如，用户在下载报表时，可以选择表格的格式，报表的格式有html格式，pdf格式、word格式等。所以，系统在生成报表中的表格时，可以根据报表的格式去选择在基准表格中添加带颜色背景条柱以生成目标表格。在某些实施例中，当所述目标表格所在的报表为html格式时，所述带颜色背景条柱通过html的css属性添加，当所述目标表格所在的报表为pdf格式时，所述带颜色背景条柱通过pdf生成的库的画图功能添加。以html格式的报表中的表格生成为例，生成如图4b所示的目标表格具体步骤如下：

步骤1.首先根据预设格式将基础信息绘制一个标准的htmll表格作为基准表格，通过基准表格将基础信息展示出来。

步骤2.在需要添加带颜色背景条柱的表格行的前面添加一行只有一列的额外行，这列我们称之为额外列，并使用表格行(tr)的colspan属性来将该列宽度扩展至整个表格的宽度。

步骤3.针对额外列使用css属性，通过position:absolute设置其绝对定位，使其与需要添加带颜色背景条柱的表格行重叠。

步骤4.针对额外列使用css属性，通过background-color:rgba(255,244,0,0.4)设置背景条柱的颜色和透明度，其中颜色可以根据不同场景进行变化。

步骤5.针对额外列使用css属性，通过width:x％来设置其背景条柱的长度，其中长度根据背景条柱表示的信息来确定。

步骤6.针对额外列进行微调，使其与需要添加带颜色背景条柱的表格行完全重叠。

步骤7.重复2-6步，将表格中需要添加带颜色背景条柱的其他行进行同样的处理，即可得到如图4b所示目标表格。

当然，在基准表格中添加带颜色背景条柱的具体方法可以根据目标表格的具体情况设定，本申请不作限制。

为了进一步解释本申请提供的表格显示的方法，以下以一个具体实施例进一步加以说明。

当用户下载某个html格式的报表时，报表中包含一个目标表格，如图1所示，这个目标表格需要展示一个软件的不同任务的任务名称、任务类型、操作状态和进度。我们可以将各个任务的任务名称、任务类型、操作状态设置为基础信息，各任务的进度设置为特定信息，当收到生成目标表格的指令时，按照预设的格式将基础信息绘制成一个html基准表格，如图4a所示。然后根据特定信息，即各任务的进度在基准表格的表格行添加带颜色背景条柱，其中，带颜色背景条柱需要添加在与其表示的数据对象一致的表格行中，比如，表示任务1的进度的带颜色背景条柱添加在任务1这一行，表示任务2的进度的带颜色背景条柱添加在任务2这一行，带颜色背景条柱的宽度与表格行同宽，长度根据其表示的进度的大小来设置，在基准表格添加带颜色背景条柱来表示进度信息可以通过html的css属性添加，具体步骤为：在任务1的表格行的前面添加一行只有一列的额外行，这列我们称之为额外列，并使用表格行(tr)的colspan属性来将该列宽度扩展至整个表格的宽度，针对额外列使用css属性，通过position:absolute设置其绝对定位，使其与表格行重叠。针对额外列使用css属性，通过background-color:rgba(255,244,0,0.4)设置背景条柱的颜色和透明度，将颜色设置为红色。针对额外列使用css属性，通过width:x％来设置其背景条柱的长度，将长度设置为10％。针对额外列进行微调，使其与任务1的表格行完全重叠。通过同样的方法将表示其他任务进度的带颜色背景条柱添加在对应任务的表格行，即可得到如图4b的目标表格。

与前述表格数据显示方法的实施例相对应，本申请还提供了一种表格数据显示的装置，请参考图8，所述装置800包括：

绘制模块801，用于当接收到生成目标表格的指令时，根据预设格式将所述目标表格待展示的基础信息绘制成基准表格，其中，所述目标表格待展示的信息包括基础信息和特定信息，所述基础信息和所述特定信息为表征数据对象的属性的信息；

添加模块802，用于根据所述特定信息在所述基准表格中添加带颜色背景条柱以生成所述目标表格，其中，所述特定信息通过所述带颜色背景条柱表示。

在一个实施例中，所述特定信息为表征数据对象的属性的数值大小的信息。

在一个实施例中，所述带颜色背景条柱的颜色根据所述特定信息设置。

在一个实施例中，所述带颜色背景条柱添加在所述基准表格的表格行中，所述表格行表示的数据对象与所述带颜色背景条柱表示的数据对象相同，所述带颜色背景条柱的宽度与所述表格行的宽度相同，所述带颜色背景条柱的长度根据所述带颜色背景条柱所表示的特定信息中的数据对象的属性的数值大小设定。

在一个实施例中，所述带颜色背景条柱添加在所述基准表格的表格列中，所述表格列表示的数据对象与所述带颜色背景条柱表示的数据对象相同，所述带颜色背景条柱的长度与所述表格列的宽度相同，所述带颜色背景条柱的宽度根据所述带颜色背景条柱所表示的特定信息中的数据对象的属性的数值大小设定。

在一个实施例中，当所述目标表格所在的报表为html格式时，所述带颜色背景条柱通过html的css属性添加；当所述目标表格所在的报表为pdf格式时，所述带颜色背景条柱通过pdf生成的库的画图功能添加。

上述装置中各个单元的功能和作用的实现过程具体详见上述方法中对应步骤的实现过程，在此不再赘述。

对于装置实施例而言，由于其基本对应于方法实施例，所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本申请方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

本申请还提供了一种设备，如图9所示，所述设备900包括：处理器901、内存902、非易失性存储器903、内存和网络接口904，所述内存902中存储可执行的计算机程序指令，处理器901执行所述计算机程序指令以实现以下方法步骤：

当接收到生成目标表格的指令时，根据预设格式将所述目标表格待展示的基础信息绘制成基准表格，其中，所述目标表格待展示的信息包括基础信息和特定信息，所述基础信息和所述特定信息为表征数据对象的属性的信息；

根据所述特定信息在所述基准表格中添加带颜色背景条柱以生成所述目标表格，其中，所述特定信息通过所述带颜色背景条柱表示。

进一步的，本申请还提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现以下方法步骤：

当接收到生成目标表格的指令时，根据预设格式将所述目标表格待展示的基础信息绘制成基准表格，其中，所述目标表格待展示的信息包括基础信息和特定信息，所述基础信息和所述特定信息为表征数据对象的属性的信息；

根据所述特定信息在所述基准表格中添加带颜色背景条柱以生成所述目标表格，其中，所述特定信息通过所述带颜色背景条柱表示。

本申请对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台终端设备执行本申请各个实施例方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(read-onlymemory，rom)、随机存取存储器(randomaccessmemory，ram)、磁碟或者光盘等各种可以存储程序代码的介质。

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