信息显示方法、装置及电子设备的制造方法_3

文档序号:9667317阅读:来源:国知局
,所以本文中均以目标方向是上方向来举例说明。
[0128]其中“目标方向一侧”是指将饼状图按照垂直于目标方向的直线分为相等的两侧后,属于目标方向一侧的空间。如果目标方向是上方向,则将饼状图按照水平直线分为相等的两侧后,属于上方向一侧的空间即为“目标方向一侧”。
[0129]本实施例仅以目标方向为上方向进行举例说明,并不对本发明实施例构成限定,步骤1002可以包含如下子步骤:
[0130]一、电子设备在饼状图中相邻的每两个扇形区块中,选取圆心角之和最大的两个扇形区块;
[0131]电子设备获取饼状图中每个扇形区块对应的圆心角,分别计算相邻两个扇形区块对应圆心角之和,选取圆心角之和最大的两个扇形区块。
[0132]需要说明的是,电子设备也可以通过选取相邻两项数据所占比例之和最大的两项数据,从而获取对应的两个扇形区块,本实施例并不对此进行限定。
[0133]二、电子设备旋转饼状图使两个扇形区块位于目标方向一侧,且根据两个扇形区块确定的中心线与目标方向重合。
[0134]如图7A所示,饼状图71被分为4个扇形区块,当其中相邻的扇形区块72和扇形区块73为相邻的每两个扇形区块中,圆心角之和最大的两个扇形区块,通过旋转饼状图71,将根据扇形区块72和扇形区块73确定的中心线与目标方向重合。
[0135]另外存在一种可能的情况,在饼状图中最大的一个扇形区块的圆心角大于第一角度时,第一角度可以是180°,电子设备可以旋转饼状图使该最大的扇形区块位于目标方向一侧,且最大的扇形区块的中心线与目标方向重合,就可以使目标方向一侧的扇形区块为最少。
[0136]如图7B所示,扇形区块74对应的圆心角大于180°,电子设备只需旋转饼状图使该扇形区块74位于目标方向一侧,且扇形区块74的中心线与目标方向重合,就可以使位于目标方向一侧的扇形区块为最少。
[0137]步骤1003,为每个扇形区块生成描述框。
[0138]为了清楚直观的显示每项数据的数据属性名以及每项数据在数据总和中所占的比例,需要在每项数据对应扇形区块处添加描述框,用于添加描述文字,该描述文字可以是每项数据的数据属性名以及每项数据在数据总和中所占的比例等等。
[0139]作为一种可能的实现方式,电子设备可以根据每个扇形区块的中心线为每个扇形区块生成描述框。此时,步骤1003可以包含如下子步骤:
[0140]一、对于任一扇形区块,电子设备检测该扇形区块的中心线与目标方向之间的夹角是否小于第二角度;
[0141]由于扇形区块的中心线与目标方向之间的夹角有两个,两个夹角之和为360°,本实施例所说的夹角指这两个夹角中较小的一个夹角。
[0142]第三角度为目标方向与一个边线构成的夹角,该边线为预先设定的边线。结合图11所示,扇形区块1101的中心线1102与目标方向之间的夹角为Ct 1,第三角度为目标方向与边线1103构成的夹角,电子设备判断夹角α?与第三角度的大小关系。该第三角度可以是 45。。
[0143]二、当不小于第三角度时,电子设备将扇形区块的中心线在饼状图外部延伸预定长度后,根据扇形区块所对应的数据属性名在中心线的末端添加描述框;
[0144]参考图11,扇形区块1101的中心线1102与目标方向之间的夹角为α?,且al>第三角度45°,电子设备将扇形区块1101的中心线1102在饼状图外部延伸预定长度后,根据扇形区块1101所对应的数据属性名在中心线1103的末端添加描述框1107。
[0145]三、当小于第三角度时,将第三角度中远离目标方向的边线在饼状图外部延伸预定长度后,根据扇形区块所对应的数据属性名在边线的末端添加描述框。
[0146]参考图11,扇形区块1105的中心线1106与目标方向之间的夹角为(12,且(12<第三角度45°,将第三角度中远离目标方向的边线1103在饼状图外部延伸预定长度后,根据扇形区块1105所对应的数据属性名在边线1103的末端添加描述框1107。步骤1004,在描述框为基于扇形区块的中心线生成的描述框时,将扇形区块的中心线与目标方向之间的夹角小于90°的扇形区块所对应的描述框确定为属于目标方向一侧的描述框。
[0147]如图7C所示,描述框75和描述框76为扇形区块的描述框,且描述框75和描述框76对应扇形区块的中心线与目标方向之间的夹角小于90° ,即可以将描述框75和描述框76确定为属于目标方向一侧的描述框。
[0148]步骤1005,将属于目标方向一侧的描述框与饼状图之间的连线向目标方向的相反方向弯折,弯折后的连线与目标方向之间的夹角为第二角度,第二角度大于90°。
[0149]以该第二角度为120°为例,如图7C所不,描述框75和描述框76属于目标方向一侧的,将描述框75与饼状图之间的连线向目标相反方向弯折,弯折后的连线与目标方向之间的夹角为120° ;同样的,将描述框76与饼状图之间的连线向目标相反方向弯折,弯折后的连线与目标方向之间的夹角为120°。
[0150]需要说明的是,该第二角度可以根据屏幕的尺寸进行预先设定,本实施例以该第二角度为120°为例进行说明,并不对本发明实施例构成限定。
[0151]在实施过程中,各个描述框之间可能会产生相互覆盖的情况,所以需要对描述框的位置进行调整。本步骤可以包括如下子步骤:
[0152]一、电子设备选取一个描述框,获取当前描述框的位置;
[0153]二、电子设备获取当前描述框相邻的两个描述框的位置;
[0154]三、若当前描述框与其中一个描述框相互覆盖,与另一个描述框分离,则电子设备将当前描述框按照圆周路径向于其分离的描述框方向微调预定角度;
[0155]电子设备根据当前描述框与相邻两个描述框的位置关系,判断当前描述框与是否与相邻两个描述框相互覆盖。当当前描述框与其中一个描述框相互覆盖,与另一个描述框分离时,则电子设备将当前描述框按照圆周路径向与其分离的描述框方向微调预定角度。
[0156]四、重复子步骤一至三,直到所有的描述框都互不覆盖。
[0157]之后,电子设备可以显示该饼状图,具体如下:
[0158]步骤1006,将饼状图的外接矩形框初始化为裁剪边框。
[0159]电子设备获取饼状图的外接矩形,该外接矩形的四条边分别与饼状图的圆周相切,将该外接矩形初始化为裁剪边框。
[0160]参考图8,电子设备将饼状图81的外接矩形82初始化为裁剪边框。
[0161]步骤1007,判断每个描述框是否位于裁剪边框中。
[0162]电子设备获取裁剪边框的上边界和下边界的纵坐标,左边界和右边界的横坐标。然后,电子设备获取每个描述框上边界和下边界的纵坐标,左边界和右边界的横坐标,当描述框上边界的纵坐标大于裁剪边框上边界的纵坐标,描述框的下边界的纵坐标小于裁剪边框下边界的纵坐标,且描述框左边界的纵坐标大于裁剪边框左边界的纵坐标,描述框的右边界的纵坐标小于裁剪边框又边界的纵坐标时,描述框位于裁剪边框中。
[0163]步骤1008,当存在描述框位于裁剪边框之外,则根据描述框扩大裁剪边框。
[0164]当描述框不再裁剪边框中时,电子设备将根据描述框扩大裁剪边框。
[0165]步骤1008可以包括如下子步骤:
[0166]一、电子设备获取描述框和裁剪边框的上边界纵坐标和左边界横坐标最小值,下边界纵坐标和右边界横坐标最大值;
[0167]二、电子设备根据上边界纵坐标和左边界横坐标最小值,下边界纵坐标和右边界横坐标最大值,扩大裁剪边框。
[0168]电子设备根据描述框和裁剪边框两者之间的上边界纵坐标的最小值确定扩大后裁剪边框的上边界纵坐标;电子设备根据描述框和裁剪边框左边界横坐标的最小值确定扩大后裁剪边框的左边界横坐标;电子设备根据描述框和裁剪边框下边界纵坐标的最大值确定扩大后裁剪边框的下边界纵坐标;电子设备根据描述框和裁剪边框右边界横坐标的最大值确定扩大后裁剪边框的右边界横坐标。
[0169]如图8所示,根据描述框和裁剪边框上边界纵坐标最小值确定的扩大后裁剪边框上边界83,根据描述框和裁剪边框左边界横坐标最小值确定的扩大后裁剪边框左边界84,根据描述框和裁剪边框下边界纵坐标最大值确定的扩大后裁剪边框下边界85,根据描述框和裁剪边框右边界纵坐标最大值确定的扩大后裁剪边框右边界86。上边界83,左边界84,下边界85和右边界86构成扩大后的裁剪边框。
[0170]步骤1009,当每个描述框都位于裁剪边框中时,根据裁剪边框裁剪出饼状图和描述框。
[0171]如图8所示,电子设备根据裁剪边框87裁剪出饼状图和描述框,此时饼状图和各个描述框都位于裁剪边框87中。
[0172]步骤1010,通过显示组件显示饼状图和描述框。
[0173]电子设备通过显示组件,对裁剪出的饼状图和描述框进行显示,显示的效果如图9所示。显示组件可以是显卡设备或者显示芯片。
[0174]需要说明的是,电子设备可以通过执行步骤1002和/或步骤1005来达到节省显示的空间,提高空间的使用率的目的,本实施例以该电子设备执行步骤1002和步骤1005来进行说明,并不对本发明实施例构成限定。
[0175]综上所述,本实施例提供的信息显示方法,通过根据η项数据生成包含η个扇形区块的饼状图,以及与每个扇形区块对应的描述框;调整描述框远离目标方向;通过显示组件显示饼状图和描述框;解决了手机屏幕的显示空间有限,在描述框的分布散乱和随意时,可能会浪费显示空间或者导致无法充分显示的问题;达到了对描述框位置进行有规律的布局,使位于目标方向一侧的描述框最少,从而节省显示空间的效果。
[0176]本实施例还通过对饼状图进行旋转,使该饼状图在目标方向一侧的扇形区块最少,达到了节省目标方向显示空间的效果。
[0177]本实施例还通过检测扇形区块的中心线与目标方向之间的夹角是否小于第二角度,当该夹角小于第二角度时,对添加描述框的位置进行调整,达到了节省目标方向显示空间的效果。
[0178]本实施例还通过将属于目标方向一侧的描述框与饼状图之间的连线向目标方向的相反方向弯折,达到了将目标方向一侧的描述框的位置向目标方向的相反方向调整,节省目标方向显示空间的效果。
[0179]本实施例还通过将饼状图的外界矩形初始化为裁剪边框,并根据描述框随裁剪边框进行扩大,当每个描述框都位于裁剪边框中是,根据该裁剪边框裁剪饼状图和描述框,达到了节省显示空间的效果。
[0180]请参考图12,其示出了本发明一个实施例提供的信息显示装置的结构方框图。该信息显示装置可以通过软件、硬件或者两者的结合实现成为具有图像处理及显示功能的电子设备的全部或者一部分。该装置包括:
[0181]生成模块1202,用于根据η项数据生成包含η个扇形区块的饼状图,以及与每个扇形区块对应的描述框;
[0182]描述
当前第3页1 2 3 4 5 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1