信息显示方法、装置及电子设备的制造方法
【技术领域】
[0001]本发明涉及图像处理领域，特别涉及一种信息显示方法、装置及电子设备。
【背景技术】
[0002]在统计学中，饼状图用来表示一组数据中各项数据的数值大小与各项数据的数值总和的比例。
[0003]以在手机上显示饼状图为例，如图1所示，当一组数据中包括四项数据时，手机计算每项数据的数值大小与四项数据的数据总和的比例，然后手机根据每项数据所对应的比例计算出该项数据所对应的扇形区块12在饼状图10中所对应的圆心角，根据四个扇形区块12各自的圆心角生成该饼状图10，并为饼状图10中的每个扇形区块12添加1个采用直线相连的描述框14后进行显示。
[0004]在实现本发明实施例的过程中，发明人发现上述技术至少存在以下问题:手机屏幕的显示空间有限，在描述框14的分布散乱和随意时，可能会浪费显示空间或者导致无法充分显示。
【发明内容】
[0005]为了解决现有技术的问题，本发明实施例提供了一种信息显示方法、装置及电子设备。所述技术方案如下:
[0006]根据本发明实施例的第一方面，提供一种信息显示方法，所述方法包括:
[0007]根据η项数据生成包含η个扇形区块的饼状图，以及与每个扇形区块对应的描述框；
[0008]调整所述描述框远离目标方向；
[0009]通过显示组件显示所述饼状图和所述描述框。
[0010]根据本发明实施例的第二方面，提供一种信息显示装置，所述装置包括:
[0011]生成模块，用于根据η项数据生成包含η个扇形区块的饼状图，以及与每个扇形区块对应的描述框；
[0012]描述框调整模块，用于调整所述描述框远离目标方向；
[0013]显示模块，用于通过显示组件显示所述饼状图和所述描述框。
[0014]本发明实施例提供的技术方案带来的有益效果是:
[0015]通过根据η项数据生成包含η个扇形区块的饼状图，以及与每个扇形区块对应的描述框；调整描述框远离目标方向；通过显示组件显示饼状图和描述框；解决了手机屏幕的显示空间有限，在描述框的分布散乱和随意时，可能会浪费显示空间或者导致无法充分显示的问题；达到了对描述框位置进行有规律的布局，使位于目标方向一侧的描述框尽量少，从而节省显示空间的效果。
【附图说明】
[0016]为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0017]图1是【背景技术】中提供的一种饼状图的示意图；
[0018]图2是本发明一个实施例提供的信息显示方法的方法流程图；
[0019]图3是本发明另一实施例提供的信息显示方法的方法流程图；
[0020]图4是本发明另一实施例提供的信息显示方法所涉及的坐标示意图；
[0021]图5是本发明另一实施例提供的信息显示方法的示意图；
[0022]图6是本发明另一实施例提供的信息显示方法的示意图；
[0023]图7A本发明另一实施例提供的信息显示方法的示意图；
[0024]图7B是本发明另一实施例提供的信息显示方法的示意图；
[0025]图7C是本发明另一实施例提供的信息显示方法的示意图；
[0026]图8是本发明另一实施例提供的信息显示方法的示意图；
[0027]图9是本发明另一实施例提供的信息显示方法的界面示意图；
[0028]图10是本发明另一实施例提供的信息显示方法的方法流程图；
[0029]图11是本发明另一实施例提供的信息显示方法的示意图；
[0030]图12是本发明一个实施例提供的信息显示装置的结构方框图；
[0031]图13是本发明一个实施例提供的信息显示装置的结构方框图；
[0032]图14是本发明一个实施例提供的电子设备的方框图。
【具体实施方式】
[0033]为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。
[0034]本发明各个实施例提供的信息显示方法，可以由具有图像处理及显示功能的电子设备来实现。该电子设备可以是智能手机、平板电脑、电子书阅读器和膝上型便携计算机等坐寸。
[0035]为了简化描述，下文中仅以信息显示方法由具有图片处理及显示功能的电子设备执行来举例说明，但对此不构成限定。
[0036]请参考图2，其示出了本发明一个实施例提供的信息显示方法的方法流程图。该方法包括:
[0037]步骤202，根据η项数据生成包含η个扇形区块的饼状图，以及与每个扇形区块对应的描述框；
[0038]步骤204，调整描述框远离目标方向；
[0039]目标方向可以是电子设备的上方向、下方向、左方向和右方向中的任意一种。由于电子设备通常都是上下滚动显示，所以本文中均以目标方向是上方向来举例说明。
[0040]步骤206，通过显示组件显示饼状图和描述框；
[0041]综上所述，本实施例提供的信息显示方法，通过根据η项数据生成包含η个扇形区块的饼状图，以及与每个扇形区块对应的描述框；调整描述框远离目标方向；通过显示组件显示饼状图和描述框；解决了手机屏幕的显示空间有限，在描述框的分布散乱和随意时，可能会浪费显示空间或者导致无法充分显示的问题；达到了对描述框位置进行有规律的布局，使位于目标方向一侧的描述框尽量少，从而节省显示空间的效果。
[0042]在具体实施过程中，电子设备可以以下两种方式中的至少一种来调节描述框。第一，电子设备通过调整饼状图在目标方向一侧的扇形区块为最少；第二，电子设备调整属于目标方向一侧的描述框远离目标方向，来达到节省显示的空间，提高空间的使用率的目的。下面将采用一个实施例进行说明。
[0043]请参考图3，其示出了本发明另一实施例提供的信息显示方式的方法流程图。该方法包括:
[0044]步骤301，根据η项数据各自在数据总和中所占的比例生成饼状图，每项数据在饼状图中对应一个扇形区块。
[0045]在生成饼状图之前，首先确定如图4所示的平面直角坐标系Χ0Υ，其中，X轴的右半轴为正半轴，Υ轴的下半轴为正半轴，并以0为圆心，做同心圆41和同心圆42。需要说明的是，确定平面直角坐标系Χ0Υ还可以以X轴的左半轴为正半轴，Υ轴的上半轴为正半轴等等，本实施例仅以该平面直角坐标系Χ0Υ为如图4所示的平面直角坐标系为例进行说明，并不对本发明实施例构成限定。
[0046]电子设备可以根据每项数据各自在数据总和中所占的比例的大小对η项数据进行排序并按照排序结果依次为每项数据分配对应的扇形区域。为了保证显示效果，数据项通常为2-4项数据较为合理。步骤301可以包括如下子步骤:
[0047]一、电子设备计算每项数据各自在数据总和中所占的比例；
[0048]im,总共包括4项数据，其中，数据A为5，数据B为10，数据C为15，数据D为20，则数据总和为50，计算得到数据A所占的比例为10%，数据B所占的比例为20%，数据C所占的比例为30%，数据D所占的比例为40%。
[0049]二、电子设备根据每项数据各自在数据总和中所占的比例，对η项数据进行排序；
[0050]电子设备根据计算出的每项数据各自在数据总和中所占的比例的大小，对η项数据从小到大进行排序，也可以从大到小进行排序，本实施例以按照从小到大进行排序来举例说明，并不对此进行限定。
[0051]三、电子设备根据每项数据所对应的比例，计算每项数据对应扇形区块的圆心角；
[0052]比如，总共4项数据，数据Α所占的比例为10%，数据B所占的比例为20%，数据C所占的比例为30%，数据D所占的比例为40%，通过计算得到，数据A对应扇形区块的圆心角为36°，数据B对应扇形区块的圆心角为72°，数据C对应扇形区块的圆心角为108°，数据D对应扇形区块的圆心角为144°
[0053]四、电子设备根据计算得到的圆心角，进行扇形区块的划分，生成饼状图。
[0054]电子设备根据每项数据的大小，按照从小到大的顺序，从X轴正方向开始，按照顺时针方向进行扇形区块的划分，生成如图5所示的饼状图。
[0055]需要说明的是，在实际的实施过程中，为了保证数据的顺序性，一些实施例中不能对数据进行排序时，电子设备可以分别计算每项数据各自在数据总和中所占的比例并按照比例为每项数据分配对应的扇形区域，即可以省略步骤二，只需执行子步骤一、三和四。
[0056]步骤302，为每个扇形区块生成描述框。
[0057]为了清楚直观的显示每项数据的数据属性名以及每项数据在数据总和中所占的比例，需要在每项数据对应扇形区块处添加描述框，用于添加描述文字，该描述文字可以是每项数据的数据属性名以及每项数据在数据总和中所占的比例等等。
[0058]作为一种可能的实现方式，电子设备可以根据每个扇形区块的中心线为每个扇形区块生成描述框。
[0059]电子设备将扇形区块的中心线在饼状图外部延伸预定长度后，根据扇形区块多对应的数据属性名称在中心线的末端添加描述框。
[0060]参考图6，电子设备将扇形区块61的中心线62在饼状图外部延伸预定长度后，根据扇形区块61所对应的数据属性名在中心线62的末端添加描述框63。
[0061]步骤303，调整描述框远离目标方向。
[0062]在具体的实施过程中，电子设备可以采用下述方式中的任意一种或者两种，调整描述框远离目标方向。
[0063]一、电子设备根据预先设定的目标方向，通过旋转操作使目标方向一侧的扇形区块最少。
[0064]二、电子设备调整属于目标方向一侧的描述框远离目标方向。
[0065]对于其中第一种方式:
[0066]目标方向可以是电子设备的上方向、下方向、左方向和右方向中的任意一种。由于电子设备通常都是上下滚动显示，所以本文中均以目标方向是上方向来举例说明。
[0067]其中“目标方向一侧”是指将饼状图按照垂直于目标方向的直线分为相等的两侧后，属于目标方向一侧的空间。如果目标方向是上方向，则将饼状图按照水平直线分为相等的两侧后，属于上方向一侧的空间即为“目标方向一侧”。
[0068]本实施例仅以目标方向为上方向进行举例说明，并不对本发明实施例构成限定，本步骤可以包含如下子步骤:
[0069]1、电子设备在饼状图中相邻的每两个扇形区块中，选取圆心角之和最大的两个扇形区块；
[0070]电子设备获取饼状图中每个扇形区块对应的圆心角，分别计算相邻两个扇形区块对应圆心角之和，选取圆心角之和最大的两个扇形区块。
[0071]需要说明的是