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

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

A chart display method, storage medium and electronic equipment

【技术实现步骤摘要】
一种图表显示方法、存储介质及电子设备
本专利技术涉及数据处理领域，具体涉及一种图表显示方法、存储介质及电子设备。
技术介绍
柱状图是通过柱子的高度来反映分类数据的差异性。当用于展示的数据量增大时，柱子数量增多，柱子变细，柱间距减小，每根柱子的横坐标说明出现堆叠，会造成信息缺失。同样，当显示屏幕的分辨率较小时也可能会出现以上问题，影响用户使用。现有技术中显示柱状图时，对于细节部分的展示，通常通过区间选取控件来确定要细化的数据区间段，对选取的区间段数据进行局部展示。该种交互方式需要一个区间选取控件，每次在确定要细化的区间时，需要用户确定区间的起始点及结束点，交互过程对于一些触屏终端来说操作不方便，需要进行多次交互才能找到所需要的信息。
技术实现思路
有鉴于此，本专利技术实施例提供了一种图表显示方法、存储介质及电子设备，根据终端设备的分辨率，通过对数据分组来进行自适应图表显示。第一方面，本专利技术实施例提供一种图表显示方法，所述方法包括：获取目标屏幕的分辨率；根据所述目标屏幕的分辨率确定第一项数，所述第一项数为每个数据组中包含的数据项个数的最大值；获取需要显示的数据项集合，确定第二项数，所述第二项数为所述数据项集合所包含的数据项的数量；根据所述第一项数和第二项数确定分组数量，根据分组数量对所述数据项集合进行分组；以及生成默认图表并在目标屏幕上显示；其中，每个所述数据组对应于唯一的分组序号；所述第一项数、第二项数、分组数量和分组序号均为大于等于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).widt本文档来自技高网...

【技术保护点】
1.一种图表显示方法，其特征在于，所述方法包括：/n获取目标屏幕的分辨率；/n根据所述目标屏幕的分辨率确定第一项数，所述第一项数为每个数据组中包含的数据项个数的最大值；/n获取需要显示的数据项集合，确定第二项数，所述第二项数为所述数据项集合所包含的数据项的数量；/n根据所述第一项数和第二项数确定分组数量，根据分组数量对所述数据项集合进行分组；以及/n生成默认图表并在目标屏幕上显示；/n其中，每个所述数据组对应于唯一的分组序号；/n所述第一项数、第二项数、分组数量和分组序号均为大于等于1的整数。/n

【技术特征摘要】
1.一种图表显示方法，其特征在于，所述方法包括：
获取目标屏幕的分辨率；
根据所述目标屏幕的分辨率确定第一项数，所述第一项数为每个数据组中包含的数据项个数的最大值；
获取需要显示的数据项集合，确定第二项数，所述第二项数为所述数据项集合所包含的数据项的数量；
根据所述第一项数和第二项数确定分组数量，根据分组数量对所述数据项集合进行分组；以及
生成默认图表并在目标屏幕上显示；
其中，每个所述数据组对应于唯一的分组序号；
所述第一项数、第二项数、分组数量和分组序号均为大于等于1的整数。


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


3.根据权利要求1所述的方法，其特征在于，所述生成默认图表并在目标屏幕上显示包括：
显示分组序号的数值最小的数据组中的全部数据项。


4.根据权利要求1所述的方法，其特征在于，所述方法还包括：
响应于分组数量大于1，显示状态条；
其中，所述状态条显示的信息包括所述分组数量、当前所显示数据组的所述分组序号和第二项数中的至少一个。


5.根据权利要求1所述的方法，其特征在于，所述方法还包括：
响应于分组数量大于1，显示检索控件；
根据用户输入的检索值，在数据项集合中查找相匹配的数据项；
显示与相匹配的数据项所在的数据组相对应的图表；
差异化显示所述相匹配的数据项；
其中，所述检索值包括所述...

【专利技术属性】
技术研发人员：崔旭彬，
申请(专利权)人：北京博锐尚格节能技术股份有限公司，
类型：发明
国别省市：北京;11