CN110674433B

CN110674433B - 一种图表显示方法、存储介质及电子设备

Info

Publication number: CN110674433B
Application number: CN201910910405.1A
Authority: CN
Inventors: 崔旭彬
Original assignee: Borui Shangge Technology Co ltd
Current assignee: Borui Shangge Technology Co ltd
Priority date: 2019-09-25
Filing date: 2019-09-25
Publication date: 2022-05-06
Anticipated expiration: 2039-09-25
Also published as: CN110674433A

Abstract

公开了一种图表显示方法、存储介质和电子设备，通过获取目标屏幕的分辨率，根据分辨率对所要显示的数据进行分组，使图表的显示内容能够根据目标屏幕的分辨率进行自适应显示，达到较优的展示效果。同时，本发明实施例的技术方案设置多种控件，通过触发控件而触发相应的指令，能够对图表进行常用的查看操作，便于用户在终端上进行操作，尤其是便于在具有触控屏幕的终端上进行操作。由此，用户能够在目标屏幕上完整、清晰地对图表的信息进行浏览。

Description

一种图表显示方法、存储介质及电子设备

技术领域

本发明涉及数据处理领域，具体涉及一种图表显示方法、存储介质及电子设备。

背景技术

柱状图是通过柱子的高度来反映分类数据的差异性。当用于展示的数据量增大时，柱子数量增多，柱子变细，柱间距减小，每根柱子的横坐标说明出现堆叠，会造成信息缺失。同样，当显示屏幕的分辨率较小时也可能会出现以上问题，影响用户使用。

现有技术中显示柱状图时，对于细节部分的展示，通常通过区间选取控件来确定要细化的数据区间段，对选取的区间段数据进行局部展示。该种交互方式需要一个区间选取控件，每次在确定要细化的区间时，需要用户确定区间的起始点及结束点，交互过程对于一些触屏终端来说操作不方便，需要进行多次交互才能找到所需要的信息。

发明内容

有鉴于此，本发明实施例提供了一种图表显示方法、存储介质及电子设备，根据终端设备的分辨率，通过对数据分组来进行自适应图表显示。

第一方面，本发明实施例提供一种图表显示方法，所述方法包括：

获取目标屏幕的分辨率；

根据所述目标屏幕的分辨率确定第一项数，所述第一项数为每个数据组中包含的数据项个数的最大值；

获取需要显示的数据项集合，确定第二项数，所述第二项数为所述数据项集合所包含的数据项的数量；

根据所述第一项数和第二项数确定分组数量，根据分组数量对所述数据项集合进行分组；以及

生成默认图表并在目标屏幕上显示；

其中，每个所述数据组对应于唯一的分组序号；

所述第一项数、第二项数、分组数量和分组序号均为大于等于1的整数。

优选地，在根据所述第一项数和第二项数确定分组数量，根据分组数量对所述数据项集合进行分组前，所述方法还包括：

根据所述数据项的属性对所述数据项集合的数据项进行排序。

优选地，所述生成默认图表并在目标屏幕上显示包括：

显示分组序号的数值最小的数据组中的全部数据项。

优选地，所述方法还包括：

响应于分组数量大于1，显示状态条；

其中，所述状态条显示的信息包括所述分组数量、当前所显示数据组的所述分组序号和第二项数中的至少一个。

优选地，所述方法还包括：

响应于分组数量大于1，显示检索控件；

根据用户输入的检索值，在数据项集合中查找相匹配的数据项；

显示与相匹配的数据项所在的数据组相对应的图表；

差异化显示所述相匹配的数据项；

其中，所述检索值包括所述数据项的属性。

优选地，所述方法还包括：

响应于分组数量大于1，显示控制面板，所述控制面板包括多个子控件；

其中，所述子控件包括组切换控件；

所述响应于分组数量大于1，显示功能控件包括：

显示组切换子控件，每个所述组切换子控件与一个所述数据组相对应；

响应于所述组切换子控件被激活，显示相应的数据组所对应的图表。

优选地，所述子控件还包括典型值子控件；

所述响应于分组数量大于1，显示功能控件还包括：

显示典型值子控件；

响应于所述典型值子控件被激活，遍历数据项集合，选择每个数据组中数值的典型值所对应的数据项，生成并显示典型值图表，所述典型值为每个数据组中数值的最大值、最小值和中间值中的至少一项。

优选地，所述默认图表为柱状图；

所述子控件还包括点线图子控件，所述响应于分组数量大于1，显示功能控件还包括：

显示点线图子控件；

响应于所述点线图子控件被激活，根据数据项集合生成并显示点线图；

其中，所述点线图用于表征所述数据项集合中的所有数据项。

第二方面，本发明实施例还提供了一种计算机可读存储介质，其上存储计算机程序指令，所述计算机程序指令被处理器执行时实现如第一方面所述的方法。

第三方面，本发明实施例还提供了一种电子设备，包括存储器和处理器，所述存储器用于存储一条或多条计算机程序指令，其中，所述一条或多条计算机程序指令被所述处理器执行以实现如第一方面所述的方法。

本发明实施例的图表显示方法、存储介质和电子设备，通过获取目标屏幕的分辨率，根据分辨率对所要显示的数据进行分组，使图表的显示内容能够根据目标屏幕的分辨率进行自适应显示，达到较优的展示效果。同时，本发明实施例的技术方案设置多种控件，通过触发控件而触发相应的指令，能够对图表进行常用的查看操作，便于用户在终端上进行操作，尤其是便于在具有触控屏幕的终端上进行操作。由此，用户能够在目标屏幕上完整、清晰地对图表的信息进行浏览。

附图说明

通过以下参照附图对本发明实施例的描述，本发明的上述以及其它目的、特征和优点将更为清楚，在附图中：

图1是本发明实施例的图表显示方法的流程图；

图2是本发明实施例的目标屏幕显示默认图表的示意图一；

图3是本发明实施例的目标屏幕显示默认图表的示意图二；

图4是本发明实施例的图表显示方法的检索功能流程图；

图5是本发明实施例的图表显示方法的控制面板功能流程图；

图6是本发明实施例的目标屏幕显示点线图的示意图；

图7是本发明实施例的电子设备的示意图。

具体实施方式

以下基于实施例对本发明进行描述，但是本发明并不仅仅限于这些实施例。在下文对本发明的细节描述中，详尽描述了一些特定的细节部分。对本领域技术人员来说没有这些细节部分的描述也可以完全理解本发明。为了避免混淆本发明的实质，公知的方法、过程、流程、元件和电路并没有详细叙述。

此外，本领域普通技术人员应当理解，在此提供的附图都是为了说明的目的，并且附图不一定是按比例绘制的。

除非上下文明确要求，否则整个申请文件中的“包括”、“包含”等类似词语应当解释为包含的含义而不是排他或穷举的含义；也就是说，是“包括但不限于”的含义。

在本发明的描述中，需要理解的是，术语“第一”、“第二”等仅用于描述目的，而不能理解为指示或暗示相对重要性。此外，在本发明的描述中，除非另有说明，“多个”的含义是两个或两个以上。

本发明实施例提供了一种图表显示方法。本发明实施例的图表显示方法可应用在多种数据图表的显示中，例如柱状图、散点图等。其中，较优的选择是将所述方法应用于柱状图的显示中。以下以柱状图的显示为例说明所述方法的流程。

图1是本实施例的图表显示方法的流程图。如图1所示，该方法包括如下的步骤S100至步骤S500：

步骤S100、获取目标屏幕的分辨率。

其中，所述目标屏幕是用于显示图表的设备的屏幕，所述设备可以是任意可以显示图表的终端设备，例如，智能手机、平板电脑等。

具体地，可以通过JavaScript(简称为JS)或是原生语言(与目标设备的操作系统对应，例如，Android操作系统对应的原生语言为JAVA语言)提供的方法获取目标屏幕的分辨率，例如，可以采用JQuery提供的$(window).height()，$(window).width()获取目标屏幕的分辨率。

在另一种可选的实施方式中，可以预先从多种终端设备的生产商、销售商等处获取目标屏幕的分辨率数据，由用户选择终端设备的型号以获得相应的目标屏幕的分辨率数据。

步骤S200、根据所述目标屏幕的分辨率确定第一项数。

其中，所述第一项数为每个数据组中包含的数据项个数的最大值，所述第一项数为大于等于1的整数。

在获取目标屏幕的分辨率后，可以根据所述分辨率的数值，确定最佳显示效果下的图表所包含的数据项个数，以使图表中的各个数据项能被明确区分，且目标屏幕中不会出现过多的空白区域。

可选地，根据用户的需求，所述第一项数通常通过后台程序配置确定，还可以通过配置中间件根据用户的选择而确定。

步骤S300、获取需要显示的数据项集合，确定第二项数。

其中，所述第二项数为所述数据项集合所包含的数据项的数量，所述第二项数为大于等于1的整数。

步骤S400、根据所述第一项数和第二项数确定分组数量，根据分组数量对所述数据项集合进行分组。

具体地，可以根据以下公式确定分组数量：分组数量＝第二项数/第一项数，计算结果采用进一法取整，获得最终的分组数量。

当分组数量小于预设的阈值时，使用柱状图展示数据项集合。由于分组数量过多使用户在各个数据组之间切换查看不便，因此，当分组数量大于预设的阈值时，可采用其他的图表形式展示数据项集合。

确定分组数量后，将数据项集合中的所有数据项进行分组。每个数据组具有唯一对应的分组序号，所述分组序号为大于等于1的整数。当根据前述的公式计算出的分组数量为整数时，每个数据组中均包含第一项数个数据项。当根据前述公式计算出的分组数量为小数时，除最后一个数据组外的每个数据组均包含第一项数个数据项。

步骤S500、生成默认图表并在目标屏幕上显示。

默认图表所表征的数据组为分组序号的数值最小的一个数据组，默认图表中包含该数据组中的全部数据项。

优选地，在步骤S300和步骤S400之间，还可以包括以下步骤：

步骤S300A、根据所述数据项的属性对所述数据项集合的数据项进行排序。

其中，所述数据项的属性包括数据项的名称、序号、数值等。根据所述数据项的属性和预定的排序规则对数据项进行排序，例如，根据数据项名称，按照字母表的顺序对数据项进行排序。在数据项集合中包含多个对象的数据时，通常需要根据数据项的特定属性对数据项进行排序，以便根据需要查看具有特定属性的数据项或者进行对比。例如，对于来源于多个对象的时序数据进行查看时，存在对单个对象分别进行时序数据的分析、对多个对象同一时间段内的数据的对比分析等多种具体需求，此时执行步骤S300A，根据程后台序确定的预定排序规则对数据项进行排序。排序规则也可通过人机交互接口根据用户输入的指令来确定。

对于不需要进行排序的情况，直接执行步骤S400。例如获取的数据项集合为单一对象的时序数据时，通常不需进行排序。

对于是否执行步骤S300A，可由处理器根据获取的数据项集合的类型进行判断来确定，也可根据用户输入的指令来确定是否执行步骤S300A。

设置步骤S300A可使图表中的数据项按照预定的规则进行排列，便于用户查看。

在一种可选的实施方式中，所述图表显示方法还包括：

步骤S600、响应于分组数量大于1，显示状态条。

图2-图3是本发明实施例的目标屏幕显示默认图表的示意图，如图2-图3所示，当分组数量大于1时，在目标屏幕显示的图表的空白区域显示状态条1。所述状态条1中显示的信息包括分组数量、当前所显示数据组的分组序号和第二项数中的至少一项，优选地，所述状态条1中显示的信息包括前述的三项内容。可选地，所述状态条1中显示的信息还包括当前被激活的数据项的序号。

可选地，根据预定的程序设置确定所述状态条在分组数量大于1时的默认显示状态，还可通过人机交互接口获取状态条1显示或隐藏的指令，从而改变所述状态条的默认显示状态。例如，所述状态条的默认显示状态为响应于分组数量大于1即显示所述状态条，用户可通过人机交互接口发送指令，控制目标屏幕在分组数量大于1时不显示所述状态条。通过人机交互接口进行状态条状态改变通常通过配置中间件进行配置。

如图2-图3所示，在所述状态条1中，“G1/G4”用于表示“当前所显示数据组的分组序号/分组数量”，即其所表示的信息为当前所显示的数据组的分组序号为1，分组数量为4。“1/39”用于表示“当前被激活的数据项的序号/第二项数”，即其所表示的信息为当前被激活的数据项的序号为1，数据项集合中共有39个数据项。

优选地，所述步骤S600与步骤S500同时进行，如图1所示。

图4是本实施例的图表显示方法的检索功能流程图。如图4所示，本实施例的图表显示方法还包括如下的步骤S710至步骤S740：

步骤S710、响应于分组数量大于1，显示检索控件。

在图表的空白区域显示检索控件2，检索控件2包括检索值输入框21和检索按键22。优选地，步骤S710与步骤S500同时进行，如图1所示。

可选地，所述检索控件的显示状态根据后台程序配置确定，同时，也可根据用户输入的检索控件显示或隐藏的指令，从而控制目标屏幕在分组数量大于1时是否显示所述检索控件。通过人机交互接口进行状态条状态改变通常通过配置中间件进行配置。

步骤S720、根据用户输入的检索值，在数据项集合中查找相匹配的数据项。

响应于所述检索按键22被激活，根据用户在检索值输入框21中输入的检索值，遍历数据项集合中的所有数据项，提取与检索值相匹配的数据项。

步骤S730、显示与相匹配的数据项所在的数据组相对应的图表。

根据与检索值相匹配的数据项，获取该数据项所在的数据组，显示与该数据组相对应的图表。如果具有多个相匹配的数据项且所述多个数据项对应于两个或两个以上的数据组，则显示其中分组序号的值最小的数据组对应的图表。

步骤S740、差异化显示所述相匹配的数据项。

在图表中对与检索值相匹配的数据项进行差异化显示，例如，在柱状图中，对表征该与检索值相匹配的数据项的柱子使用与其他柱子不同的填充颜色。

图5是本实施例的图表显示方法的控制面板功能流程图。如图1和图5所示，本实施例的图表显示方法还包括如下的步骤S800：

步骤S800、响应于分组数量大于1，显示控制面板。

如图2-图3所示，当分组数量大于1时，在图表的空白区域显示控制面板5。所述控制面板5包括多个子控件，多个子控件集成在控制面板容器内。具体地，在本实施例中，所述子控件包括组切换子控件3、典型值子控件41、点线图子控件42和倒序子控件43。相应地，响应于用户对控制面板上各个子控件的操作，实现对应的组切换功能、典型值功能、点线图功能或倒序功能。

具体地，为实现上述功能，所述步骤S800包括如下的步骤S801至步骤S844：

步骤S801、控制面板显隐控件显示第一状态。

控制面板5还包括一个控制面板显隐控件61，控制面板显隐控件61用于控制控制面板容器的显示/隐藏状态。响应于分组数量大于1，在图表的空白区域以第一状态显示控制面板显隐控件61，此时不显示控制面板容器和控制面板5内的各个子控件。

步骤S802、响应于控制面板显隐控件处于第一激活状态，显示控制面板。

如图3所示，当控制面板显隐控件61处于第一激活状态，所述控制面板显隐控件61显示第二状态，并显示控制面板容器和控制面板5内的各个子控件。

步骤S803、响应于控制面板显隐控件处于第二激活状态，隐藏控制面板。

当控制面板显隐控件61处于第二激活状态时，隐藏控制面板5。在执行步骤S803的同时，执行步骤S801。即，当控制面板显隐控件61处于第二激活状态时，隐藏控制面板5并使控制面板显隐控件61以第一状态显示在图表空白区域。

设置步骤S801至步骤S803，能够根据用户需要对控制面板5进行隐藏，从而最大限度地在目标屏幕上展示图表。

优选地，可以根据用户输入的指令确定步骤S801至步骤S803的顺序。例如，可先执行步骤S802，再依次执行步骤S803和步骤S801。即，在默认状态下，展示图表的同时显示控制面板5。

其中，下述的步骤S811、S821、S831和S841应当同时进行，步骤S802应设置在步骤S811、S821、S831和S841之前或与步骤S811、S821、S831和S841同时进行。

步骤S811、显示组切换子控件。

如图3所示，在控制面板中显示组切换子控件3，组切换子控件3与分组数量相对应。

步骤S812、响应于组切换子控件被激活，显示相应的数据组所对应的图表。

其中，各个组切换子控件3之间为互斥关系，即在同一时间内只能有一个组切换子控件3被激活。

步骤S821、显示典型值子控件。

如图3所示，在控制面板中显示典型值子控件41。

步骤S822、响应于所述典型值子控件被激活，遍历数据项集合，选择每个数据组中数值的典型值所对应的数据项，生成并显示典型值图表。

其中，典型值为每个数据组中数值的最大值、最小值和中间值中的至少一项。优选地，所述典型值图表内包括每个数据组中数值的最大值、最小值和中间值。

步骤S831、显示点线图子控件。

如图3所示，在控制面板中显示点线图子控件42。

步骤S832、响应于所述点线图子控件被激活，根据数据项集合生成并显示点线图。

图6是本发明实施例的目标屏幕显示点线图的示意图。如图6所示，点线图用于表征所述数据项集合中的所有数据项，在每个数据组对应的点线图的底层具有一个遮罩层控件7，用于界定各个数据组。

优选地，步骤S832后还可以包括如下步骤：

步骤S833、响应于遮罩层控件被触发，显示对应的数据组的图表。

当其中一个遮罩层控件7被触发后，控制目标屏幕清空当前显示的点线图，将显示内容切换至对应的数据组相应的图表。

步骤S841、显示倒序子控件。

如图3所示，在图表的空白区域中显示倒序控件43。

步骤S842、记录当前显示的图表所对应的分组序号N。

步骤S843、响应于所述倒序子控件被激活，使用与当前数据项的排序相反的顺序对全部数据项重新排序和分组。

具体地，以当前数据项根据数据项的名称按照字母表的顺序排列为例，所述倒序子控件43被激活后，所有数据项根据数据项的名称按照字母表的倒序进行重新排列，并按照步骤S400的方法，根据第一项数和第二项数对数据项集合中的数据项进行分组。

步骤844、显示重新排序和分组后的分组序号为N所对应的数据组的图表。

设置上述步骤S801至步骤S844，使用户能够方便地根据需要对图表进行常用的查看操作。

应理解，本发明实施例的图表显示方法并非一定严格按照上述步骤进行，也可做一些适应性的调整，例如步骤S600和步骤S710既可同时进行，也可先后进行。

本发明实施例的图表显示方法，通过获取目标屏幕的分辨率，根据分辨率对所要显示的数据进行分组，使图表的显示内容能够根据目标屏幕的分辨率进行自适应显示，达到较优的展示效果。同时，本发明实施例的技术方案设置多种控件，通过触发控件而触发相应的指令，能够对图表进行常用的查看操作，便于用户在终端上进行操作，尤其是便于在具有触控屏幕的终端上进行操作。由此，用户能够在目标屏幕上完整、清晰地对图表的信息进行浏览。

图7是本发明实施例的电子设备的示意图。图7所示的电子设备为通用数据处理装置，其包括通用的计算机硬件结构，其至少包括处理器81和存储器82。处理器81和存储器82通过总线83连接。存储器82适于存储处理器81可执行的指令或程序。处理器81可以是独立的微处理器，也可以是一个或者多个微处理器集合。由此，处理器81通过执行存储器82所存储的指令，从而执行如上所述的本发明实施例的方法流程实现对于数据的处理和对于其它装置的控制。总线83将上述多个组件连接在一起，同时将上述组件连接到显示控制器84和显示装置以及输入/输出(I/O)装置85。输入/输出(I/O)装置85可以是鼠标、键盘、调制解调器、网络接口、触控输入装置、体感输入装置、打印机以及本领域公知的其他装置。典型地，输入/输出装置85通过输入/输出(I/O)控制器86与系统相连。

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

本发明是参照根据本申请实施例的方法、装置(设备)和计算机程序产品的流程图来描述的。应理解可由计算机程序指令实现流程图中的每一流程。

这些计算机程序指令可以存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现流程图一个流程或多个流程中指定的功能。

也可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程中指定的功能的装置。

以上所述仅为本发明的优选实施例，并不用于限制本发明，对于本领域技术人员而言，本发明可以有各种改动和变化。凡在本发明的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims

1.一种图表显示方法，其特征在于，所述方法包括：

获取目标屏幕的分辨率；

生成默认图表并在目标屏幕上显示；

其中，每个所述数据组对应于唯一的分组序号；

所述第一项数、第二项数、分组数量和分组序号均为大于等于1的整数；

所述分组数量通过以下公式确定：

分组数量＝第二项数/第一项数，计算结果为小数时，采用进一法取整数。

2.根据权利要求1所述的方法，其特征在于，在根据所述第一项数和第二项数确定分组数量，根据分组数量对所述数据项集合进行分组前，所述方法还包括：

3.根据权利要求1所述的方法，其特征在于，所述生成默认图表并在目标屏幕上显示包括：

显示分组序号的数值最小的数据组中的全部数据项。

4.根据权利要求1所述的方法，其特征在于，所述方法还包括：

响应于分组数量大于1，显示状态条；

5.根据权利要求1所述的方法，其特征在于，所述方法还包括：

响应于分组数量大于1，显示检索控件；

显示与相匹配的数据项所在的数据组相对应的图表；

差异化显示所述相匹配的数据项；

其中，所述检索值包括所述数据项的属性。

6.根据权利要求1所述的方法，其特征在于，所述方法还包括：

其中，所述子控件包括组切换控件；

所述响应于分组数量大于1，显示功能控件包括：

7.根据权利要求6所述的方法，其特征在于，所述子控件还包括典型值子控件；

所述响应于分组数量大于1，显示功能控件还包括：

显示典型值子控件；

8.根据权利要求6所述的方法，其特征在于，所述默认图表为柱状图；

显示点线图子控件；

9.一种计算机可读存储介质，其上存储计算机程序指令，其特征在于，所述计算机程序指令被处理器执行时实现如权利要求1-8任一项所述的方法。

10.一种电子设备，包括存储器和处理器，其特征在于，所述存储器用于存储一条或多条计算机程序指令，其中，所述一条或多条计算机程序指令被所述处理器执行以实现如权利要求1-8任一项所述的方法。