信息顯示方法、裝置及電子設(shè)備的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及圖像處理領(lǐng)域，特別涉及一種信息顯示方法、裝置及電子設(shè)備。
【背景技術(shù)】
[0002]在統(tǒng)計(jì)學(xué)中，餅狀圖用來表示一組數(shù)據(jù)中各項(xiàng)數(shù)據(jù)的數(shù)值大小與各項(xiàng)數(shù)據(jù)的數(shù)值總和的比例。
[0003]以在手機(jī)上顯示餅狀圖為例，如圖1所示，當(dāng)一組數(shù)據(jù)中包括四項(xiàng)數(shù)據(jù)時(shí)，手機(jī)計(jì)算每項(xiàng)數(shù)據(jù)的數(shù)值大小與四項(xiàng)數(shù)據(jù)的數(shù)據(jù)總和的比例，然后手機(jī)根據(jù)每項(xiàng)數(shù)據(jù)所對(duì)應(yīng)的比例計(jì)算出該項(xiàng)數(shù)據(jù)所對(duì)應(yīng)的扇形區(qū)塊12在餅狀圖10中所對(duì)應(yīng)的圓心角，根據(jù)四個(gè)扇形區(qū)塊12各自的圓心角生成該餅狀圖10，并為餅狀圖10中的每個(gè)扇形區(qū)塊12添加1個(gè)采用直線相連的描述框14后進(jìn)行顯示。
[0004]在實(shí)現(xiàn)本發(fā)明實(shí)施例的過程中，發(fā)明人發(fā)現(xiàn)上述技術(shù)至少存在以下問題:手機(jī)屏幕的顯示空間有限，在描述框14的分布散亂和隨意時(shí)，可能會(huì)浪費(fèi)顯示空間或者導(dǎo)致無法充分顯示。

【發(fā)明內(nèi)容】

[0005]為了解決現(xiàn)有技術(shù)的問題，本發(fā)明實(shí)施例提供了一種信息顯示方法、裝置及電子設(shè)備。所述技術(shù)方案如下:
[0006]根據(jù)本發(fā)明實(shí)施例的第一方面，提供一種信息顯示方法，所述方法包括:
[0007]根據(jù)η項(xiàng)數(shù)據(jù)生成包含η個(gè)扇形區(qū)塊的餅狀圖，以及與每個(gè)扇形區(qū)塊對(duì)應(yīng)的描述框；
[0008]調(diào)整所述描述框遠(yuǎn)離目標(biāo)方向；
[0009]通過顯示組件顯示所述餅狀圖和所述描述框。
[0010]根據(jù)本發(fā)明實(shí)施例的第二方面，提供一種信息顯示裝置，所述裝置包括:
[0011]生成模塊，用于根據(jù)η項(xiàng)數(shù)據(jù)生成包含η個(gè)扇形區(qū)塊的餅狀圖，以及與每個(gè)扇形區(qū)塊對(duì)應(yīng)的描述框；
[0012]描述框調(diào)整模塊，用于調(diào)整所述描述框遠(yuǎn)離目標(biāo)方向；
[0013]顯示模塊，用于通過顯示組件顯示所述餅狀圖和所述描述框。
[0014]本發(fā)明實(shí)施例提供的技術(shù)方案帶來的有益效果是:
[0015]通過根據(jù)η項(xiàng)數(shù)據(jù)生成包含η個(gè)扇形區(qū)塊的餅狀圖，以及與每個(gè)扇形區(qū)塊對(duì)應(yīng)的描述框；調(diào)整描述框遠(yuǎn)離目標(biāo)方向；通過顯示組件顯示餅狀圖和描述框；解決了手機(jī)屏幕的顯示空間有限，在描述框的分布散亂和隨意時(shí)，可能會(huì)浪費(fèi)顯示空間或者導(dǎo)致無法充分顯示的問題；達(dá)到了對(duì)描述框位置進(jìn)行有規(guī)律的布局，使位于目標(biāo)方向一側(cè)的描述框盡量少，從而節(jié)省顯示空間的效果。
【附圖說明】
[0016]為了更清楚地說明本發(fā)明實(shí)施例中的技術(shù)方案，下面將對(duì)實(shí)施例描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0017]圖1是【背景技術(shù)】中提供的一種餅狀圖的示意圖；
[0018]圖2是本發(fā)明一個(gè)實(shí)施例提供的信息顯示方法的方法流程圖；
[0019]圖3是本發(fā)明另一實(shí)施例提供的信息顯示方法的方法流程圖；
[0020]圖4是本發(fā)明另一實(shí)施例提供的信息顯示方法所涉及的坐標(biāo)示意圖；
[0021]圖5是本發(fā)明另一實(shí)施例提供的信息顯示方法的示意圖；
[0022]圖6是本發(fā)明另一實(shí)施例提供的信息顯示方法的示意圖；
[0023]圖7A本發(fā)明另一實(shí)施例提供的信息顯示方法的示意圖；
[0024]圖7B是本發(fā)明另一實(shí)施例提供的信息顯示方法的示意圖；
[0025]圖7C是本發(fā)明另一實(shí)施例提供的信息顯示方法的示意圖；
[0026]圖8是本發(fā)明另一實(shí)施例提供的信息顯示方法的示意圖；
[0027]圖9是本發(fā)明另一實(shí)施例提供的信息顯示方法的界面示意圖；
[0028]圖10是本發(fā)明另一實(shí)施例提供的信息顯示方法的方法流程圖；
[0029]圖11是本發(fā)明另一實(shí)施例提供的信息顯示方法的示意圖；
[0030]圖12是本發(fā)明一個(gè)實(shí)施例提供的信息顯示裝置的結(jié)構(gòu)方框圖；
[0031]圖13是本發(fā)明一個(gè)實(shí)施例提供的信息顯示裝置的結(jié)構(gòu)方框圖；
[0032]圖14是本發(fā)明一個(gè)實(shí)施例提供的電子設(shè)備的方框圖。
【具體實(shí)施方式】
[0033]為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合附圖對(duì)本發(fā)明實(shí)施方式作進(jìn)一步地詳細(xì)描述。
[0034]本發(fā)明各個(gè)實(shí)施例提供的信息顯示方法，可以由具有圖像處理及顯示功能的電子設(shè)備來實(shí)現(xiàn)。該電子設(shè)備可以是智能手機(jī)、平板電腦、電子書閱讀器和膝上型便攜計(jì)算機(jī)等坐寸。
[0035]為了簡化描述，下文中僅以信息顯示方法由具有圖片處理及顯示功能的電子設(shè)備執(zhí)行來舉例說明，但對(duì)此不構(gòu)成限定。
[0036]請(qǐng)參考圖2，其示出了本發(fā)明一個(gè)實(shí)施例提供的信息顯示方法的方法流程圖。該方法包括:
[0037]步驟202，根據(jù)η項(xiàng)數(shù)據(jù)生成包含η個(gè)扇形區(qū)塊的餅狀圖，以及與每個(gè)扇形區(qū)塊對(duì)應(yīng)的描述框；
[0038]步驟204，調(diào)整描述框遠(yuǎn)離目標(biāo)方向；
[0039]目標(biāo)方向可以是電子設(shè)備的上方向、下方向、左方向和右方向中的任意一種。由于電子設(shè)備通常都是上下滾動(dòng)顯示，所以本文中均以目標(biāo)方向是上方向來舉例說明。
[0040]步驟206，通過顯示組件顯示餅狀圖和描述框；
[0041]綜上所述，本實(shí)施例提供的信息顯示方法，通過根據(jù)η項(xiàng)數(shù)據(jù)生成包含η個(gè)扇形區(qū)塊的餅狀圖，以及與每個(gè)扇形區(qū)塊對(duì)應(yīng)的描述框；調(diào)整描述框遠(yuǎn)離目標(biāo)方向；通過顯示組件顯示餅狀圖和描述框；解決了手機(jī)屏幕的顯示空間有限，在描述框的分布散亂和隨意時(shí)，可能會(huì)浪費(fèi)顯示空間或者導(dǎo)致無法充分顯示的問題；達(dá)到了對(duì)描述框位置進(jìn)行有規(guī)律的布局，使位于目標(biāo)方向一側(cè)的描述框盡量少，從而節(jié)省顯示空間的效果。
[0042]在具體實(shí)施過程中，電子設(shè)備可以以下兩種方式中的至少一種來調(diào)節(jié)描述框。第一，電子設(shè)備通過調(diào)整餅狀圖在目標(biāo)方向一側(cè)的扇形區(qū)塊為最少；第二，電子設(shè)備調(diào)整屬于目標(biāo)方向一側(cè)的描述框遠(yuǎn)離目標(biāo)方向，來達(dá)到節(jié)省顯示的空間，提高空間的使用率的目的。下面將采用一個(gè)實(shí)施例進(jìn)行說明。
[0043]請(qǐng)參考圖3，其示出了本發(fā)明另一實(shí)施例提供的信息顯示方式的方法流程圖。該方法包括:
[0044]步驟301，根據(jù)η項(xiàng)數(shù)據(jù)各自在數(shù)據(jù)總和中所占的比例生成餅狀圖，每項(xiàng)數(shù)據(jù)在餅狀圖中對(duì)應(yīng)一個(gè)扇形區(qū)塊。
[0045]在生成餅狀圖之前，首先確定如圖4所示的平面直角坐標(biāo)系Χ0Υ，其中，X軸的右半軸為正半軸，Υ軸的下半軸為正半軸，并以0為圓心，做同心圓41和同心圓42。需要說明的是，確定平面直角坐標(biāo)系Χ0Υ還可以以X軸的左半軸為正半軸，Υ軸的上半軸為正半軸等等，本實(shí)施例僅以該平面直角坐標(biāo)系Χ0Υ為如圖4所示的平面直角坐標(biāo)系為例進(jìn)行說明，并不對(duì)本發(fā)明實(shí)施例構(gòu)成限定。
[0046]電子設(shè)備可以根據(jù)每項(xiàng)數(shù)據(jù)各自在數(shù)據(jù)總和中所占的比例的大小對(duì)η項(xiàng)數(shù)據(jù)進(jìn)行排序并按照排序結(jié)果依次為每項(xiàng)數(shù)據(jù)分配對(duì)應(yīng)的扇形區(qū)域。為了保證顯示效果，數(shù)據(jù)項(xiàng)通常為2-4項(xiàng)數(shù)據(jù)較為合理。步驟301可以包括如下子步驟:
[0047]一、電子設(shè)備計(jì)算每項(xiàng)數(shù)據(jù)各自在數(shù)據(jù)總和中所占的比例；
[0048]im,總共包括4項(xiàng)數(shù)據(jù)，其中，數(shù)據(jù)A為5，數(shù)據(jù)B為10，數(shù)據(jù)C為15，數(shù)據(jù)D為20，則數(shù)據(jù)總和為50，計(jì)算得到數(shù)據(jù)A所占的比例為10%，數(shù)據(jù)B所占的比例為20%，數(shù)據(jù)C所占的比例為30%，數(shù)據(jù)D所占的比例為40%。
[0049]二、電子設(shè)備根據(jù)每項(xiàng)數(shù)據(jù)各自在數(shù)據(jù)總和中所占的比例，對(duì)η項(xiàng)數(shù)據(jù)進(jìn)行排序；
[0050]電子設(shè)備根據(jù)計(jì)算出的每項(xiàng)數(shù)據(jù)各自在數(shù)據(jù)總和中所占的比例的大小，對(duì)η項(xiàng)數(shù)據(jù)從小到大進(jìn)行排序，也可以從大到小進(jìn)行排序，本實(shí)施例以按照從小到大進(jìn)行排序來舉例說明，并不對(duì)此進(jìn)行限定。
[0051]三、電子設(shè)備根據(jù)每項(xiàng)數(shù)據(jù)所對(duì)應(yīng)的比例，計(jì)算每項(xiàng)數(shù)據(jù)對(duì)應(yīng)扇形區(qū)塊的圓心角；
[0052]比如，總共4項(xiàng)數(shù)據(jù)，數(shù)據(jù)Α所占的比例為10%，數(shù)據(jù)B所占的比例為20%，數(shù)據(jù)C所占的比例為30%，數(shù)據(jù)D所占的比例為40%，通過計(jì)算得到，數(shù)據(jù)A對(duì)應(yīng)扇形區(qū)塊的圓心角為36°，數(shù)據(jù)B對(duì)應(yīng)扇形區(qū)塊的圓心角為72°，數(shù)據(jù)C對(duì)應(yīng)扇形區(qū)塊的圓心角為108°，數(shù)據(jù)D對(duì)應(yīng)扇形區(qū)塊的圓心角為144°
[0053]四、電子設(shè)備根據(jù)計(jì)算得到的圓心角，進(jìn)行扇形區(qū)塊的劃分，生成餅狀圖。
[0054]電子設(shè)備根據(jù)每項(xiàng)數(shù)據(jù)的大小，按照從小到大的順序，從X軸正方向開始，按照順時(shí)針方向進(jìn)行扇形區(qū)塊的劃分，生成如圖5所示的餅狀圖。
[0055]需要說明的是，在實(shí)際的實(shí)施過程中，為了保證數(shù)據(jù)的順序性，一些實(shí)施例中不能對(duì)數(shù)據(jù)進(jìn)行排序時(shí)，電子設(shè)備可以分別計(jì)算每項(xiàng)數(shù)據(jù)各自在數(shù)據(jù)總和中所占的比例并按照比例為每項(xiàng)數(shù)據(jù)分配對(duì)應(yīng)的扇形區(qū)域，即可以省略步驟二，只需執(zhí)行子步驟一、三和四。
[0056]步驟302，為每個(gè)扇形區(qū)塊生成描述框。
[0057]為了清楚直觀的顯示每項(xiàng)數(shù)據(jù)的數(shù)據(jù)屬性名以及每項(xiàng)數(shù)據(jù)在數(shù)據(jù)總和中所占的比例，需要在每項(xiàng)數(shù)據(jù)對(duì)應(yīng)扇形區(qū)塊處添加描述框，用于添加描述文字，該描述文字可以是每項(xiàng)數(shù)據(jù)的數(shù)據(jù)屬性名以及每項(xiàng)數(shù)據(jù)在數(shù)據(jù)總和中所占的比例等等。
[0058]作為一種可能的實(shí)現(xiàn)方式，電子設(shè)備可以根據(jù)每個(gè)扇形區(qū)塊的中心線為每個(gè)扇形區(qū)塊生成描述框。
[0059]電子設(shè)備將扇形區(qū)塊的中心線在餅狀圖外部延伸預(yù)定長度后，根據(jù)扇形區(qū)塊多對(duì)應(yīng)的數(shù)據(jù)屬性名稱在中心線的末端添加描述框。
[0060]參考圖6，電子設(shè)備將扇形區(qū)塊61的中心線62在餅狀圖外部延伸預(yù)定長度后，根據(jù)扇形區(qū)塊61所對(duì)應(yīng)的數(shù)據(jù)屬性名在中心線62的末端添加描述框63。
[0061]步驟303，調(diào)整描述框遠(yuǎn)離目標(biāo)方向。
[0062]在具體的實(shí)施過程中，電子設(shè)備可以采用下述方式中的任意一種或者兩種，調(diào)整描述框遠(yuǎn)離目標(biāo)方向。
[0063]一、電子設(shè)備根據(jù)預(yù)先設(shè)定的目標(biāo)方向，通過旋轉(zhuǎn)操作使目標(biāo)方向一側(cè)的扇形區(qū)塊最少。
[0064]二、電子設(shè)備調(diào)整屬于目標(biāo)方向一側(cè)的描述框遠(yuǎn)離目標(biāo)方向。
[0065]對(duì)于其中第一種方式:
[0066]目標(biāo)方向可以是電子設(shè)備的上方向、下方向、左方向和右方向中的任意一種。由于電子設(shè)備通常都是上下滾動(dòng)顯示，所以本文中均以目標(biāo)方向是上方向來舉例說明。
[0067]其中“目標(biāo)方向一側(cè)”是指將餅狀圖按照垂直于目標(biāo)方向的直線分為相等的兩側(cè)后，屬于目標(biāo)方向一側(cè)的空間。如果目標(biāo)方向是上方向，則將餅狀圖按照水平直線分為相等的兩側(cè)后，屬于上方向一側(cè)的空間即為“目標(biāo)方向一側(cè)”。
[0068]本實(shí)施例僅以目標(biāo)方向?yàn)樯戏较蜻M(jìn)行舉例說明，并不對(duì)本發(fā)明實(shí)施例構(gòu)成限定，本步驟可以包含如下子步驟:
[0069]1、電子設(shè)備在餅狀圖中相鄰的每兩個(gè)扇形區(qū)塊中，選取圓心角之和最大的兩個(gè)扇形區(qū)塊；
[0070]電子設(shè)備獲取餅狀圖中每個(gè)扇形區(qū)塊對(duì)應(yīng)的圓心角，分別計(jì)算相鄰兩個(gè)扇形區(qū)塊對(duì)應(yīng)圓心角之和，選取圓心角之和最大的兩個(gè)扇形區(qū)塊。
[0071]需要說明的是