專利名稱：顯示具有魚眼變形效果的柱狀圖的制作方法
技術(shù)領(lǐng)域：
本公開總體上涉及在顯示面積與所顯示的數(shù)據(jù)量相比較小的設(shè)備上顯示報告。
背景技術(shù)：
存在若干使用圖表或者圖形來可視地呈現(xiàn)報告中可用的統(tǒng)計數(shù)據(jù)的方式(例如包括柱狀圖、餅狀圖、線狀圖和散布圖)。在移動設(shè)備如手持設(shè)備、手持計算機、蜂窩電話、平板計算機或者個人數(shù)字助理(PDA)上，圖形和圖表必須顯示在顯示面積相對于所顯示的數(shù)據(jù)而言尺寸有限的小型顯示屏幕上。在嘗試在這樣的設(shè)備上示出圖形和圖表時存在若干挑戰(zhàn)。例如，圖1圖示了在小型屏幕上顯示柱狀圖時遇到的一些障礙。柱狀圖中的每個柱100 的高度與該柱表示的y坐標(biāo)值成比例。由于典型顯示屏幕的分辨率固定，所以很接近的兩個值可以由表現(xiàn)為具有相同高度的柱來表示。因此，柱的高度可能沒有真實地表示對應(yīng)的 y坐標(biāo)值。此外，查看者難以知道與每個柱對應(yīng)的確切ι坐標(biāo)值。

發(fā)明內(nèi)容
本發(fā)明實現(xiàn)在具有與在圖表中示出的數(shù)據(jù)量相比較小的顯示面積的設(shè)備上顯示圖表型數(shù)據(jù)。適當(dāng)設(shè)備的示例包括平板計算機、智能電話設(shè)備和移動電話。魚眼放大區(qū)(也稱為魚眼或者魚眼變形區(qū)域或者變形區(qū)域)允許圖表或者圖形數(shù)據(jù)的一部分與顯示在變形區(qū)域以外的圖形數(shù)據(jù)相比以更大尺寸來顯示并且包括附加信息。變形區(qū)域顯示放大率水平可變的數(shù)據(jù)點。數(shù)據(jù)點的放大率水平確定數(shù)據(jù)點的圖形表示的尺寸和針對數(shù)據(jù)點顯示的信息量。與以較低放大率顯示的數(shù)據(jù)點相比，用高放大率顯示的數(shù)據(jù)點顯示更多信息并且使用更大的圖像來表示。變形區(qū)域具有顯示最大放大率的部分，并且放大率隨著數(shù)據(jù)點與顯示最大放大率的部分的距離而減少?？梢砸苿訄D表或者變形區(qū)域的位置以查看針對圖表的不同部分的詳細(xì)信息。導(dǎo)航機制允許用戶高效到達(dá)用戶想要放大的特定的相鄰數(shù)據(jù)點集。在說明書中描述的特征和優(yōu)點并非囊括性的，并且具體而言，本領(lǐng)域普通技術(shù)人員鑒于附圖、說明書和權(quán)利要求書將容易理解許多附加的特征和優(yōu)點。另外應(yīng)當(dāng)注意，已經(jīng)主要出于可讀性和指導(dǎo)的目的而選擇說明書中使用的語言，該語言可能并非選擇用以界定或者限制公開的主題內(nèi)容。


公開的實施方式具有根據(jù)詳細(xì)描述、所附權(quán)利要求書和附圖(或繪圖)將更容易理解其它優(yōu)點和特征。對附圖的簡要介紹如下。圖1圖示了顯示柱狀圖的常規(guī)系統(tǒng)。圖2圖示了用于將數(shù)據(jù)顯示為柱狀圖的系統(tǒng)的架構(gòu)的一個實施方式。圖3圖示了如何在變形區(qū)域中用可變放大率水平來顯示柱。圖4示出了使用與放大柱重疊的文本針對該柱顯示附加信息的變形區(qū)域。
圖5圖示了如何可以使用變形區(qū)域來有效顯示散布圖。圖6圖示了如何可以將顯示變形區(qū)域的柱狀圖變?yōu)橹鶢顖D的默認(rèn)顯示。圖7示出了在特定方向上傾斜顯示柱狀圖的設(shè)備如何使柱狀圖滾動從而使顯示在變形區(qū)域中的柱改變。圖8示出了在與圖4中所示方向相反的方向上旋轉(zhuǎn)設(shè)備如何使柱狀圖在相反方向上滾動。圖9示出了按90°的角度傾斜顯示柱狀圖的設(shè)備如何使顯示器在χ軸的起始部分示出柱。圖10示出了描述用于計算如下柱寬度的過程的一個實施方式的流程圖，該柱寬度用于在具有變形區(qū)域的設(shè)備上顯示。
具體實施例方式現(xiàn)在將具體參照若干如下實施方式，在附圖中圖示了這些實施方式的示例。注意無論何處只要可行，相似或者相同的參考標(biāo)號都可以在圖中使用并且可以表明相似或者相同的功能。附圖僅出于示例的目的而描繪了所公開系統(tǒng)(或者方法)的實施方式。本領(lǐng)域技術(shù)人員根據(jù)下文描述將容易認(rèn)識到可以運用這里示例的結(jié)構(gòu)和方法的替代實施方式而不脫離這里描述的原理。圖2是根據(jù)一個實施方式的系統(tǒng)架構(gòu)的框圖。圖2中所示部件包括數(shù)據(jù)庫 (DB) 205、DB控制器模塊210、數(shù)據(jù)渲染器模塊215、輸入/輸出驅(qū)動器模塊220和顯示屏幕 225。例如顯示屏幕225這樣的部件為硬件部件，而DB控制器210和圖表渲染器為215為軟件模塊。如這里所用，術(shù)語“模塊”指的是用于提供指定功能的計算機程序邏輯和/或數(shù)據(jù)?？梢杂糜布⒐碳?或軟件來實施模塊。實施圖2中所示系統(tǒng)的計算機類型的示例包括平板計算機、智能電話設(shè)備和移動電話。DB 205存儲與報告相關(guān)聯(lián)的數(shù)據(jù)和元數(shù)據(jù)。DB 205在一個實施方式中使用硬盤驅(qū)動來實施，但是也可以使用任何其它能夠存儲數(shù)據(jù)的設(shè)備(例如可寫入壓縮盤(CD)或者 DVD或者固態(tài)存儲器設(shè)備(例如閃存))來實施。DB控制器模塊210實施用于與DB 205對接以便從DB 205讀取數(shù)據(jù)或者向DB 205寫入數(shù)據(jù)的邏輯。DB控制器210向數(shù)據(jù)渲染器模塊215提供數(shù)據(jù)，該數(shù)據(jù)渲染器模塊215計算為了渲染數(shù)據(jù)而需要的信息。例如，如果數(shù)據(jù)需要顯示為餅狀圖，則數(shù)據(jù)渲染器可以確定該餅狀圖的維度。數(shù)據(jù)渲染器215向輸入/輸出驅(qū)動器220提供數(shù)據(jù)和為了渲染所述數(shù)據(jù)而必需的信息。輸入/輸出設(shè)備220向顯示屏幕225提供為了顯示數(shù)據(jù)和/或圖像而必需的指令和數(shù)據(jù)。在各種實施方式中，顯示屏幕 225用來輸入數(shù)據(jù)和/或命令。例如，觸敏屏幕可以感測用戶觸摸的屏幕部分的坐標(biāo)。例如，用戶可以觸摸顯示屏幕225以從命令列表選擇命令或者從顯示在屏幕上的數(shù)據(jù)元列表選擇數(shù)據(jù)元。在各種實施方式中，用戶可以對顯示屏幕225進(jìn)行傾斜。顯示屏幕225的傾斜的量值和方向被檢測，并且可以被視為輸入。硬件部件(如加速度計)向輸入/輸出驅(qū)動器220提供顯示屏幕的傾斜角度。在一些實施方式中，指點設(shè)備(例如，指輪、鼠標(biāo)、跟蹤球或者其它類型的指點設(shè)備)用來向系統(tǒng)中輸入數(shù)據(jù)或者命令。輸入/輸出設(shè)備220向DB 控制器210發(fā)送顯示屏幕225所提供的數(shù)據(jù)或者指令。DB控制器220響應(yīng)于從輸入/輸出設(shè)備220接收的數(shù)據(jù)或者指令，從DB 205讀取數(shù)據(jù)和向DB 205寫入數(shù)據(jù)。
移動設(shè)備可以用來查看用戶可獲得的報告。一種示例場景允許用戶將具體報告與顯示模式(例如餅狀圖、柱狀圖或者文本模式)相關(guān)聯(lián)。為了允許用戶創(chuàng)建在報告與顯示模式之間的關(guān)聯(lián)，向用戶呈現(xiàn)顯示模式列表。用戶可以通過觸摸顯示屏幕255中示出具體顯示模式的適當(dāng)部分或者通過另一機制(例如鍵盤或者指點設(shè)備)提供輸入來做出選擇。 DB控制器210更新適當(dāng)報告在DB 205中的元數(shù)據(jù)以存儲與該報告的顯示模式有關(guān)的信息。 將報告與顯示模式關(guān)聯(lián)的信息隨后用來顯示報告。在另一場景中，可以向用戶呈現(xiàn)可以閱覽的報告列表。用戶選擇具體報告名稱，并且數(shù)據(jù)渲染器215計算用于呈現(xiàn)如下數(shù)據(jù)的信息，該數(shù)據(jù)然后以指定的格式顯示在顯示屏幕225上。在用戶與圖2中顯示的各種部件和模塊之間可能存在各種其它交互場景。圖3圖示了變形區(qū)域300如何可以在顯示屏幕225上用來有效呈現(xiàn)報告的可視表示(例如柱狀圖)。在一些實施方式中，整個圖表顯示在顯示屏幕225上而柱狀圖的一部分由變形區(qū)域300放大。顯示整個柱狀圖允許用戶在查看變形區(qū)域300內(nèi)的一部分的細(xì)節(jié)時，查看圖表中的整個數(shù)據(jù)值趨勢。顯示屏幕包括左邊緣340、右邊緣325、頂邊緣345和底邊緣350這四條邊緣。注意邊緣的命名(例如命名為“底邊”)是為了描述清楚——具體設(shè)備可以支持在多個定向中的操作，在該情況下，設(shè)備在一個定向中作為“底邊”或者“頂邊” 的物理邊緣可以容易地在備選定向中變成不同的邊緣。這里的描述將并不旨在限于具體的定向?？拷走吘?50示出了 χ軸，并且靠近右邊緣325示出了與y軸對應(yīng)的值335。圖表顯示在顯示屏幕的邊緣內(nèi)包圍的區(qū)域中。例如在圖3中，圖表區(qū)在下圖表邊緣355與上圖表邊緣360內(nèi)。顯示在變形區(qū)域300內(nèi)的柱稱為放大柱315，而顯示在變形區(qū)域300以外的柱稱為標(biāo)準(zhǔn)柱310。放大柱315與標(biāo)準(zhǔn)柱相比可以顯示與對應(yīng)于該放大柱的數(shù)據(jù)點有關(guān)的更多信息320。放大柱還用比標(biāo)準(zhǔn)柱更大或者至少與標(biāo)準(zhǔn)柱一樣大的柱來顯示。χ軸值305與每個放大柱315重疊示出。在一個實施方式中，變形區(qū)域300是高度至少與圖形中的最大柱高度一樣大而寬度至少與標(biāo)準(zhǔn)柱310—樣大的矩形區(qū)。放大柱315的寬度大于標(biāo)準(zhǔn)柱310的寬度以允許針對放大柱顯示信息。例如在圖3中，顯示了用放大柱315覆蓋的與放大柱315表示的數(shù)據(jù)點的χ軸值對應(yīng)的文本305“Michigan”。與數(shù)據(jù)點有關(guān)的附加信息可以顯示為彈出式信息320、398。變形區(qū)域300內(nèi)的數(shù)據(jù)點利用可變的放大率水平被顯示。柱的放大率水平確定柱的尺寸以及針對與柱對應(yīng)的數(shù)據(jù)點顯示的信息量。與通過較低放大率顯示的柱相比，以高放大率顯示的柱顯示更多的信息并且使用更大的圖像來表示。變形軸395可以視為通過變形區(qū)域300的中心并且與柱平行。與變形軸395最近的柱的放大率最高并且隨著柱與變形軸395的距離增加而減少。備選地，變形區(qū)域可以劃分成多個同心區(qū)域，而在最內(nèi)區(qū)域中的數(shù)據(jù)點的放大率最高并且對于從最內(nèi)區(qū)域往外的區(qū)域而減少。例如，如圖3中所示變形區(qū)域300具有最內(nèi)區(qū)域380、包圍區(qū)域380的區(qū)域386和包圍區(qū)域385的區(qū)域390這三個同心區(qū)域。在區(qū)域380內(nèi)的柱的放大率最高，繼而為385中的數(shù)據(jù)的放大率，繼而為區(qū)域390 中的數(shù)據(jù)的放大率(在三個區(qū)域中的最低放大率)。顯示“Michigan”的放大柱365在區(qū)域380中并且示出最大放大率。因此，柱365是顯示在變形區(qū)域300中的最寬柱并且還顯示了與數(shù)據(jù)點相關(guān)聯(lián)的最多信息，包括標(biāo)簽305和附加信息320(例如與面積、陸地和水域?qū)?yīng)的數(shù)據(jù)值)。顯示“Manchester”的柱370與柱365相比更遠(yuǎn)離變形軸395并且落在區(qū)域385中。因此，柱370的放大率小于柱365的放大率。針對柱370顯示的信息395少于針對柱365顯示的信息，并且僅顯示標(biāo)簽365和與面積對應(yīng)的數(shù)據(jù)值。柱370的寬度小于柱365的寬度，并且用于在柱370中顯示標(biāo)簽365的字體尺寸小于在柱365中使用的字體。類似地，柱375的放大率小于365和370的放大率，因為375與365和370相比沿著χ 軸與變形區(qū)域300的中心距離更遠(yuǎn)并且落在區(qū)域390內(nèi)。針對柱375顯示的信息也少于針對365和370顯示的信息，因為僅顯示了標(biāo)簽。柱的放大率水平對稱分布在變形軸395周圍。因此，沿著變形軸的兩側(cè)處于相同距離的柱按相同水平放大。在一些實施方式中，變形軸395可以不通過變形區(qū)域的中心而是可以更接近其中一側(cè)。柱在這樣的變形區(qū)域中的放大率可以不對稱分布在變形軸周圍。圖3在變形區(qū)域300內(nèi)顯示了五個放大柱。其它實施方式可以在變形區(qū)域內(nèi)顯示數(shù)目更多或者更少的柱。顯示在變形區(qū)域內(nèi)的柱的數(shù)目可以由用戶配置。顯示在每個放大區(qū)域380、385和390中的柱的數(shù)目可以針對不同的實施方式而不同。圖4圖示了一個將針對放大柱365的附加信息顯示為與該柱重疊的標(biāo)簽的替代實施方式。在一個實施方式中， 柱基于所述柱沿著χ軸與變形區(qū)域300中心的距離而以不同顏色或者用不同陰影顯示在變形區(qū)域300內(nèi)。例如，與變形區(qū)域300的中心更近的柱與遠(yuǎn)離該變形區(qū)域中心的柱相比可以用更暗的陰影來顯示。備選地，如果變形區(qū)域可以視為劃分成多個區(qū)域，則柱的顏色或者陰影可以依賴于柱的繪圖區(qū)域。向用戶提供用于相對于變形區(qū)域300移動柱狀圖以能夠放大不同組的柱的機制。 這可以涉及保持變形區(qū)域300靜止而移動圖表或者在移動變形區(qū)域300之時保持圖表靜止或者移動二者。例如，用戶可以指向變形區(qū)域300以外的區(qū)域，并且沿著χ軸滑動從而使柱狀圖沿著χ軸移動，同時變形區(qū)域300保持在顯示屏幕225的相同區(qū)域中。備選地，用戶可以指向變形區(qū)域300內(nèi)并且移動指點設(shè)備，從而使變形區(qū)域300相對于柱狀圖移動。柱狀圖相對于變形區(qū)域300的移動使不同的柱通過變形區(qū)域300。在變形區(qū)域300之下通過的每個柱與在變形區(qū)域300以外的柱相比得到放大并且顯示附加信息。柱的放大率水平隨著它更接近變形區(qū)域軸395而增加，然后隨著柱從變形軸移開而減少直至它移出變形區(qū)域以外并顯示為標(biāo)準(zhǔn)柱310。在一個實施方式中，從標(biāo)準(zhǔn)柱向放大柱的轉(zhuǎn)變被賦予動畫以顯示在標(biāo)準(zhǔn)柱尺寸與放大柱尺寸之間的不同尺寸的柱。另一實施方式顯示直接從標(biāo)準(zhǔn)柱向放大柱或者從放大柱向標(biāo)準(zhǔn)柱的轉(zhuǎn)變而不顯示任何中間階段。在一個實施方式中，用戶可以自定義動畫設(shè)置；備選地，所述動畫設(shè)置可以根據(jù)設(shè)備類型或者圖形能力而自動確定。圖3還圖示了在一個實施方式中如何針對放大柱顯示與χ軸值對應(yīng)的標(biāo)簽。如圖 3中所示，在顯示χ軸355并且與y軸平行的線上方示出針對放大柱χ坐標(biāo)值的標(biāo)簽。根據(jù) y坐標(biāo)的值和與χ坐標(biāo)值對應(yīng)的文本的尺寸，柱可以比標(biāo)簽更高或者比標(biāo)簽更短。以如下相反或者其它顏色顯示標(biāo)簽與柱重疊的部分，該顏色使得易于查看柱內(nèi)的文本，例如針對柱的顏色為深色背景使用白色文本來顯示與針對放大柱315的χ坐標(biāo)值Michigan對應(yīng)的字母“Michig”。使用如下顏色來顯示標(biāo)簽超出柱高度以外的部分，該顏色使它區(qū)別于柱狀圖的背景，例如針對柱狀圖為淺色背景使用深色來顯示形成標(biāo)簽Michigan前綴的文本“an”。 備選的實施方式可以將標(biāo)簽305與顯示為彈出式信息320的附加信息一起顯示。變形區(qū)域300可以與其它種類的圖表結(jié)合使用，例如，線狀圖、顯示數(shù)據(jù)點的二維圖表，諸如散布圖。圖5示出了利用變形區(qū)域顯示數(shù)據(jù)點的二維圖表。圓圈500表示整個變形區(qū)域。圓形區(qū)域515是變形區(qū)域500引起數(shù)據(jù)點最大放大率的最內(nèi)部分。數(shù)據(jù)點535 落在區(qū)域內(nèi)，因此與其它數(shù)據(jù)點相比用最大圖標(biāo)并且用最大量信息520來顯示。區(qū)域510表示放大率與區(qū)域515相比相對更低的區(qū)域。落入?yún)^(qū)域515內(nèi)的數(shù)據(jù)點540具有比用于535 的圖標(biāo)更少的圖標(biāo)尺寸和比針對535的信息520更少的信息525。類似地，區(qū)域505表示比上述兩個區(qū)域510和515更低的放大率。在區(qū)域505內(nèi)的數(shù)據(jù)點545顯示與數(shù)據(jù)點535和 540相比最少的放大率，并且顯示最少量的信息530。落在放大率不同的兩個不同區(qū)域中的數(shù)據(jù)點的放大率水平由其主要落入的區(qū)域確定，關(guān)系任意地求解。用戶可以通過相對于數(shù)據(jù)點移動變形區(qū)域500來改變數(shù)據(jù)點的放大率。在圖5中，變形區(qū)域500以外的標(biāo)準(zhǔn)數(shù)據(jù)點555未顯示任何附加信息。一個備選實施方式可以示出針對標(biāo)準(zhǔn)數(shù)據(jù)點陽5的一些信息，這些信息少于針對放大數(shù)據(jù)點而顯示的信息。備選實施方式可以在變形區(qū)域500內(nèi)顯示與圖5相比數(shù)目更多或者更少的放大率不同的區(qū)域。用于具體圖表種類的變形區(qū)域的形狀基于下層圖表的形狀來確定以向用戶提供更佳的查看體驗。例如，用于圓形圖表(例如史密斯圖表)的變形區(qū)域的形狀可以是圓形或者矩形。圖5中的變形區(qū)域500的形狀適合于在二維散布圖上顯示數(shù)據(jù)點，并且不同于適合于顯示柱狀圖的圖3中的變形區(qū)域300的形狀。備選實施方式可以隨著數(shù)據(jù)點與變形區(qū)域的中心或者與在變形區(qū)域內(nèi)的另一點的距離均勻改變放大率，而不是將變形區(qū)域劃分成放大率水平離散的多個區(qū)域。圖5中的圖表可以沿著χ軸和y軸相對于變形區(qū)域500移動以放大不同組的相鄰數(shù)據(jù)點。用戶可以例如通過沿著χ軸355或者y軸560或者在兩個軸之間的角度傾斜設(shè)備來指示圖表相對于變形區(qū)域500的移動方向。圖表的移動方向根據(jù)傾斜角度而確定。備選地，用戶可以通過以所需方向在屏幕上滑動來指示所需圖表移動的所需方向。用戶可以在圖表的不同部分之間導(dǎo)航以借助變形區(qū)域300放大和查看細(xì)節(jié)。用戶能夠通過提供如下輸入將圖表的不同部分帶到變形區(qū)域300之下，該輸入使圖表相對于變形區(qū)域300移動。例如，可以通過點擊標(biāo)準(zhǔn)柱來將顯示在顯示屏幕225上的標(biāo)準(zhǔn)柱帶到變形區(qū)域300之下。在一個備選實施方式中，變形區(qū)域300可以從顯示屏幕的一個部分移向另一部分，以便將所需標(biāo)準(zhǔn)柱帶入變形區(qū)域內(nèi)。通過選擇變形區(qū)域內(nèi)的柱并且沿著χ軸移動指點設(shè)備來移動變形區(qū)域。一旦用戶已經(jīng)選擇標(biāo)準(zhǔn)欄從而使變形區(qū)域出現(xiàn)，即使用戶使指點設(shè)備脫離屏幕， 變形區(qū)域仍然繼續(xù)出現(xiàn)。例如，如果通過在具體區(qū)域中用手指觸摸顯示屏幕來對接變形區(qū)域，則用戶可以通過從屏幕移開用戶的手指來脫離。備選地，用戶可以通過按壓指點設(shè)備上的按鈕來用指點設(shè)備與變形區(qū)域?qū)樱⑶矣脩艨梢酝ㄟ^釋放指點設(shè)備上的按鈕來脫離。 變形區(qū)域即使在用戶已經(jīng)脫離變形區(qū)域之后仍然繼續(xù)顯示。用戶可以通過對接柱狀圖的不同部分來使變形區(qū)域移向不同區(qū)域。例如，通過觸摸顯示屏幕顯示標(biāo)準(zhǔn)柱的部分來對接變形區(qū)域的用戶通過沿著X軸移動用戶的手指而又繼續(xù)觸摸屏幕來使變形區(qū)域移動。在用戶沿著χ軸移動用戶的手指而用戶又觸摸顯示屏幕時，變形區(qū)域跟隨用戶的手指。如果用戶的手指在X軸的預(yù)定角度內(nèi)移動，則變形區(qū)域跟隨該手指。例如，如圖6中所示，如果手指在X軸和箭頭610形成的角度630內(nèi)從柱625移向柱625的左側(cè)，則變形區(qū)域移向左側(cè)。類似地，如果手指在χ軸和箭頭615形成的角度640內(nèi)移向柱625的右側(cè)，則變形區(qū)域移向右側(cè)。為了將顯示變形區(qū)域的圖表變?yōu)闊o變形區(qū)域的如圖1中所示的默認(rèn)顯示，對接變形區(qū)域的用戶在離開X軸的預(yù)定角度內(nèi)將用來對接變形區(qū)域的指點設(shè)備移向未顯示柱的中性區(qū)域655。如圖6中所示，如果用戶如所選區(qū)域620所示在箭頭610和615形成的角度635 內(nèi)從χ軸移開手指，則不顯示變形區(qū)域并且示出與圖1相似的柱狀圖的默認(rèn)顯示而無變形區(qū)域。備選實施方式可以響應(yīng)于用戶選擇柱狀圖的未顯示柱的中性區(qū)域655而使顯示變形區(qū)域的圖表變?yōu)閳D1中所示的默認(rèn)視圖。在一些實施方式中，用戶輸入(例如，在變形區(qū)域內(nèi)雙擊特定柱)使得針對所選數(shù)據(jù)點顯示附加詳細(xì)信息。例如，新柱狀圖可以完全或者部分顯示在原圖表之上。新柱狀圖顯示所選數(shù)據(jù)點特有的信息，并且運用如上文所述變形區(qū)域來查看新圖表上的數(shù)據(jù)點的細(xì)節(jié)。可以用相同方式查看附加圖表層，從而允許用戶鉆探(drill down)數(shù)據(jù)集而又仍然保留變形區(qū)域的益處。例如，原柱狀圖可以顯示與國家的領(lǐng)土有關(guān)的信息，并且選擇柱可以顯示如下新柱狀圖，該柱狀圖具有在所選領(lǐng)土內(nèi)的國家有關(guān)的信息。用戶然后可以選擇與國家之一相關(guān)聯(lián)的柱以顯示該國家特有的柱狀圖，例如對與國家內(nèi)的公園有關(guān)的信息進(jìn)行顯示的柱狀圖。新柱狀圖的柱可以用使它們區(qū)別于原柱狀圖的柱的顏色或者陰影來顯示。用戶可以進(jìn)一步提供輸入以關(guān)閉詳細(xì)柱狀圖從而返回到先前顯示的柱狀圖。該機制可以用來通過顯示具體維度并且允許用戶選擇數(shù)據(jù)點以沿著不同維度查看針對所選數(shù)據(jù)點的信息來顯示多維圖表。對大于顯示區(qū)的圖表，不是所有柱都在顯示屏225上同時可見以供用戶選擇。向用戶提供用于滾動柱狀圖以查看柱狀圖在顯示面積以外的部分的機制。一個實施方式允許用戶通過選擇標(biāo)準(zhǔn)柱并且用指點設(shè)備/選擇設(shè)備在特定方向上的滑動運動拖拉該柱來滾動柱狀圖。另一實施方式允許用戶在顯示屏幕的任何區(qū)域上滑動以滾動柱狀圖。滑動方向指示用戶想要柱狀圖滾動的方向。在一些實施方式中，柱狀圖移動的距離由用戶的滑動運動距離確定。在另一實施方式中，柱狀圖移動的距離由滑動運動的速度確定，從而更快滑動使得柱狀圖移動更大距離。在又一實施方式中，用戶的滑動動作可以使柱狀圖開始連續(xù)滾動，直至用戶提供指示用戶想要柱狀圖停止?jié)L動的輸入為止。用戶可以使柱狀圖滾動直至所需柱處于顯示區(qū)中。一旦所需柱在顯示區(qū)中，除非該柱已經(jīng)在變形區(qū)域300中，否則可以通過將變形區(qū)域移向該柱來對其進(jìn)行放大。如果柱狀圖的滾動使柱狀圖到達(dá)圖表的末尾， 則圖表停止?jié)L動，因為無法通過繼續(xù)滾動來顯示新柱。柱狀圖的末尾對應(yīng)于將要顯示柱狀圖的最小和最大χ坐標(biāo)值。一旦在用戶輸入使柱狀圖到達(dá)柱狀圖的末尾時停止?jié)L動，用戶便可以使柱狀圖在相反方關(guān)系上滾動。圖7圖示了一個其中可通過傾斜顯示屏幕225來控制柱狀圖的滾動的實施方式。 柱狀圖滾動的方向由傾斜角度確定。圖7中所示設(shè)備715可以按照沿著圓圈720繪出的任何角度傾斜。箭頭710指示傾斜角度為少于90°的正角度。如圖7所示，傾斜可以使左邊緣340高于右邊緣325。按箭頭710所示角度的傾斜使柱狀圖的滾動方向為700。在柱狀圖保持滾動時，顯示在變形區(qū)域300之下的柱持續(xù)改變。用戶可以選擇將傾斜角度改變回到0°以停止?jié)L動動作。一旦滾動停止，所需柱可能已經(jīng)在變形區(qū)域300之下，或者在變形區(qū)域300外但在顯示區(qū)內(nèi)。這允許用戶將變形區(qū)域300移向所需柱或者使用一種備選機制來相對于變形區(qū)域移動柱狀圖。圖8圖示了傾斜角度如何可以如箭頭810所示為負(fù)，從而使柱狀圖在與方向700相反的方向800上滾動。在一個實施方式中，滾動速度由傾斜角度的量值確定。例如在圖7中，如果傾斜角度710被選為80°，則柱狀圖滾動的速度高于角度710為10°時的速度。嘗試到達(dá)顯示區(qū)以外的柱和離開顯示區(qū)內(nèi)的柱的若干柱的用戶可以從大的傾斜角度開始快速滾向所需柱。 傾斜角度可以在所需柱變得更接近顯示區(qū)時減少。傾斜角度在所需柱在顯示區(qū)內(nèi)時減少至零從而使?jié)L動停止。在某些實施方式中，圖表滾動的速度具有最小限度或最大限度或者二者。例如，檢測到的最小傾斜量使圖表按照或者高于最小速度滾動。類似地，最大傾斜(例如90°或者-90° )不能使圖表比最大滾動速度更快滾動。圖表的最小和最大滾動速度可以針對系統(tǒng)來預(yù)定或者由用戶配置。如圖9中所示，在某些實施方式中，將傾斜角度900變?yōu)樵诮咏?0°的預(yù)定角度范圍內(nèi)將導(dǎo)致柱狀圖直接移向柱狀圖與需要顯示的最小X坐標(biāo)值905對應(yīng)的開始處。如圖9 中所示，與最小χ坐標(biāo)值905對應(yīng)的柱被顯示正左邊緣340旁邊，并且變形區(qū)域300被放置在靠近所顯示柱狀圖的中部的位置。這一行為是上述行為(其中柱狀圖的滾動速度與角度的量值成比例)的例外。當(dāng)傾斜角度大到足以在接近90°的預(yù)定角度內(nèi)時，用戶輸入使柱狀圖直接移向柱狀圖的開始處而不是持續(xù)滾動。類似地，如果傾斜角度在接近-90°的預(yù)定角度范圍內(nèi)，則用與需要顯示的最大χ坐標(biāo)值對應(yīng)的柱來顯示柱狀圖的末尾。數(shù)據(jù)渲染器215確定將顯示在顯示屏幕225上的圖表的維度。在一個實施方式中， 當(dāng)數(shù)據(jù)將顯示為柱狀圖時，與圖表相關(guān)聯(lián)的維度計算如下。圖10圖示了用來確定是否將文本顯示在標(biāo)準(zhǔn)柱上的過程。使用以下等式來計算(1000)標(biāo)準(zhǔn)柱的柱寬度，其中CHARTwidth 為用于顯示圖表的顯示屏幕225的寬度，而rmm_dp為圖表中的數(shù)據(jù)點總數(shù)。
., 7 CHARTwidthr Λ、SBwidthx =----( 1 )
num. _ dp
CHARTwidth在一些實施方式中，通過取--的值和預(yù)定常量值中的最大值來計算
num _ dp
SBwidthx以避免SBwidthx的值由于num_dp的值太大而變得過小。顯示文本的標(biāo)準(zhǔn)柱的最小可能寬度SBwidthmin也計算(1000)為SBwidthmin = height- f。nt+2*M(2)在等式O)中，heightminf。nt為可以用來顯示數(shù)據(jù)標(biāo)簽的最小字體尺寸的高度，而 M為在文本上方和下方的空白的預(yù)定值，例如0.05磅值。基于等式(2)的計算，標(biāo)準(zhǔn)柱可以顯示與x坐標(biāo)的值對應(yīng)的標(biāo)簽，在標(biāo)簽的上方和下方均留有空白。將標(biāo)準(zhǔn)柱寬度SBwidthx 與SBwidthmin進(jìn)行比較(1005)。如果SBwidthx的值小于SBwidthmin，則圖表的默認(rèn)視圖顯示(1015)無任何文本的寬度為SBwidthx的標(biāo)準(zhǔn)柱。如果SBwidthx的值至少與SBwidthmin 一樣大，則將值SBwidthx與在變形區(qū)域中的放大率最大的柱的寬度MBwidthmax進(jìn)行比較 (1010)。根據(jù)用于在變形區(qū)域內(nèi)具有最大放大率的柱中顯示文本而預(yù)定的字體的高度 heIghtmax font 來計算 MBwidthmax 的值。MBwidthmax = height· f。nt+2*Mmax(3)值Mmax為預(yù)定將在變形區(qū)域內(nèi)具有放大率的柱中顯示的文本上方和下方顯示的空白。在一個如圖4中所示將附加信息顯示為在柱上覆蓋的文本的實施方式中，等式(3)中的heightmax f。nt可被替換為用來顯示信息的多行文本400的總高度。如果SBwidthx的值至少與SBwidthmin —樣大但是小于MBwidthmax，則標(biāo)準(zhǔn)柱被顯示(1020)為寬度SBwidthx,并且具有與柱的χ坐標(biāo)值對應(yīng)的標(biāo)簽文本。在這一情況下，在標(biāo)準(zhǔn)柱中使用的文本的字體尺寸基于SBwidthx的值而被確定如下he ightfont = SBwidthx_2*M(4)在這一情況下，除非用戶例如通過對接標(biāo)準(zhǔn)柱來提供使得顯示變形區(qū)域的輸入， 否則用圖1的默認(rèn)視圖顯示柱。如果上述計算的SBwidthx值至少與MBwidthmax—樣大，則用MBwidthmax的寬度創(chuàng)建(102 柱狀圖，并且不使用變形區(qū)域來放大柱。另外，柱在圖表顯示區(qū)上均勻間隔，并且每個柱顯示與它的χ坐標(biāo)值和y坐標(biāo)值對應(yīng)的文本和數(shù)據(jù)。變形區(qū)域內(nèi)被放大的柱的寬度隨該柱與具有最大放大率的柱315的距離而減少。 可以基于柱狀圖中兩個柱之間的柱數(shù)目來計算這兩個柱之間的距離。例如，如圖3中所示， 柱315與柱370之間的距離可以視為1，而在放大率最大的柱315與柱375之間的距離可以視為2。假設(shè)在變形區(qū)域內(nèi)放大率最大的柱315的任一側(cè)有(m-1)個柱，則可以使用以下等式來確定與柱315的距離為k的柱的寬度。MBwidthx = (m-k)/m*MBwidthmax(5)例如，如果如圖3中所示在變形區(qū)域中柱315的任一側(cè)上有兩個柱，則值m = 3 并且與柱315的距離為一個柱的柱370具有寬度2/3*MBwidthmax，并且與柱315的距離為兩個柱的柱375具有寬度l/3*MBwidthmax。在一些實施方式中，如果按照等式( 計算的 MBwidthx值低于預(yù)定閾值，則顯示寬度為預(yù)定閾值的柱。與等式(5)相似，可以基于字體尺寸height. f。nt通過將heightmax f。nt的值乘以一個縮放因子來計算在變形區(qū)域中的柱中顯示的文本的字體尺寸，該縮放因子基于柱與寬度最大的柱315的距離。因而，與放大率最大的柱315的距離為k的柱的字體尺寸為(m-k)/m*heightmax f。nt。備選地，與柱315的距離為 k的柱的字體尺寸計算為height. f。nt-(k*fontdelta)，其中fontdelta為預(yù)定常量值(例如，4 磅)。例如在圖3中，基于fontdelta = 4磅的值，與柱315的距離為一個柱的柱370的字體尺寸確定為height. f。nt-4磅，并且與柱315的距離為兩個柱的柱375的字體尺寸確定為 heights font-8磅。在一個備選實施方式中，如果柱的字體尺寸的計算值在預(yù)定閾值以下， 則使用預(yù)定字體閾值來顯示該柱的文本。圖3中的χ軸與底邊緣350平行并且靠近底邊緣350示出。圖3中的χ軸靠近底邊緣，因為與柱對應(yīng)的所有y坐標(biāo)值為正并且在χ軸上方被示出。在一個實施方式中，柱的最大高度確定為與用來顯示圖表的區(qū)域的高度相同。通過基于柱的最大高度適當(dāng)縮放任何柱的高度Mieightx來確定該值。
權(quán)利要求
1.一種用于在移動設(shè)備的顯示屏幕上顯示表示多個數(shù)據(jù)點的柱狀圖的方法，所述方法包括在所述顯示屏幕上顯示第一組柱，每個柱表示所述多個數(shù)據(jù)點之一，并且具有第一寬度和根據(jù)所述數(shù)據(jù)點的值的可變高度；在所述顯示屏幕上顯示第二組柱，每個柱表示所述多個數(shù)據(jù)點之一，并且具有第二寬度和根據(jù)所述數(shù)據(jù)點的值的可變高度，所述第二寬度大于所述第一寬度；在所述顯示屏幕上顯示第三組柱，每個柱被顯示在所述第一組的柱與所述第二組的柱之間，并且表示所述多個數(shù)據(jù)點之一，并且每個柱具有第三寬度和根據(jù)所述數(shù)據(jù)點的值的可變高度，所述第三寬度大于所述第一寬度并且小于所述第二寬度；以及響應(yīng)于接收用戶輸入，將所述第三組中的至少一個柱的顯示改變?yōu)榫哂兴龅谝粚挾?，并且將所述第二組中的至少一個柱改變?yōu)榫哂兴龅谌龑挾取?br> 2.根據(jù)權(quán)利要求1所述的方法，其中每個柱具有至少一個相關(guān)聯(lián)的標(biāo)簽，并且所述標(biāo)簽針對所述第一組中的柱未被顯示，并且針對所述第二組中的柱被顯示。
3.根據(jù)權(quán)利要求2所述的方法，其中每個柱至少具有第二相關(guān)聯(lián)的標(biāo)簽，并且所述標(biāo)簽針對所述第三組中的柱未被顯示，并且針對所述第二組中的柱被顯示。
4.根據(jù)權(quán)利要求2所述的方法，其中每個柱至少具有第二相關(guān)聯(lián)的標(biāo)簽，并且所述標(biāo)簽針對所述第一組中的柱未被顯示，并且針對所述第二組和第三組中的柱被顯示。
5.根據(jù)權(quán)利要求1所述的方法，其中所述第二組柱中的柱的寬度基于針對所述柱而顯示的信息量來確定。
6.根據(jù)權(quán)利要求1所述的方法，其中所述第一組柱以第一顏色來顯示，并且所述第二組柱以第二顏色來顯示。
7.根據(jù)權(quán)利要求6所述的方法，其中所述第三組柱以第三顏色來顯示。
8.根據(jù)權(quán)利要求1所述的方法，其中所述第一組柱以第一陰影來顯示，并且所述第二組柱以第二陰影來顯示。
9.根據(jù)權(quán)利要求8所述的方法，其中所述第三組柱以第三陰影來顯示。
10.根據(jù)權(quán)利要求1所述的方法，其中所述第二組和所述第三組顯示在所述顯示上的固定區(qū)域中。
11.根據(jù)權(quán)利要求1所述的方法，其中所述第二組和所述第三組顯示在所述顯示上的可移動區(qū)域中。
12.根據(jù)權(quán)利要求11所述的方法，其中改變所述顯示還包括移動所述可移動區(qū)域以包含所述第一組中的至少一個柱。
13.根據(jù)權(quán)利要求1所述的方法，其中所述第二組柱被顯示在與顯示在所述柱狀圖中的柱平行的圖表顯示區(qū)的矩形部分中。
14.根據(jù)權(quán)利要求1所述的方法，其中所述用戶輸入包括物理上傾斜所述顯示屏幕。
15.根據(jù)權(quán)利要求14所述的方法，其中所述顯示被改變的速率至少部分取決于所述顯示屏幕的傾斜程度。
16.根據(jù)權(quán)利要求1所述的方法，其中所述用戶輸入包括在所述顯示屏幕上的滑動手勢。
17.根據(jù)權(quán)利要求1所述的方法，其中被確定為要針對柱而顯示的標(biāo)簽被顯示為與所述柱相關(guān)聯(lián)的彈出信息。
18.根據(jù)權(quán)利要求1所述的方法，其中被確定為要針對柱而顯示的標(biāo)簽覆蓋所述柱被顯不。
19.根據(jù)權(quán)利要求1所述的方法，還包括響應(yīng)于接收對所述第二組柱中的柱的選擇，顯示與所選擇的柱相關(guān)聯(lián)的第二圖表。
20.一種用于在移動設(shè)備的顯示屏幕上顯示表示多個數(shù)據(jù)點的圖表的方法，所述方法包括在所述顯示屏幕上顯示第一組數(shù)據(jù)點，每個數(shù)據(jù)點由第一圖像表示，其中所述第一圖像的位置由所述數(shù)據(jù)點的坐標(biāo)確定；在所述顯示屏幕上顯示第二組數(shù)據(jù)點，每個數(shù)據(jù)點由第二圖像表示，其中所述第二圖像的位置由所述數(shù)據(jù)點的坐標(biāo)確定，并且所述第二圖像大于所述第一圖像；在所述顯示屏幕上顯示第三組數(shù)據(jù)點，每個數(shù)據(jù)點由第三圖像表示，其中所述第三圖像的位置由所述數(shù)據(jù)點的坐標(biāo)確定，并且被顯示在所述第一組的所述第一圖像與所述第二組的所述第二圖像之間，并且所述第三圖像大于所述第一圖像并且小于所述第二圖像；以及響應(yīng)于接收用戶輸入，將所述第三組中的至少一個數(shù)據(jù)點的顯示改變?yōu)槔盟龅谝粓D像顯示，并且將所述第二組中的至少一個數(shù)據(jù)點改變?yōu)槔盟龅谌龍D像顯示。
21.一種用于在移動設(shè)備的顯示屏幕上顯示表示多個數(shù)據(jù)點的圖表的系統(tǒng)，所述系統(tǒng)包括計算機處理器；以及計算機可讀存儲介質(zhì)，存儲配置成在所述計算機處理器上執(zhí)行的計算機程序模塊，所述計算機程序模塊包括輸入/輸出驅(qū)動器模塊，配置成在所述顯示屏幕上顯示第一組柱，每個柱表示所述多個數(shù)據(jù)點之一并且具有第一寬度和根據(jù)所述數(shù)據(jù)點的值的可變高度；在所述顯示屏幕上顯示第二組柱，每個柱表示所述多個數(shù)據(jù)點之一，并且具有第二寬度和根據(jù)所述數(shù)據(jù)點的值的可變高度，所述第二寬度大于所述第一寬度；在所述顯示屏幕上顯示第三組柱，每個柱被顯示在所述第一組的柱與所述第二組的柱之間，并且表示所述多個數(shù)據(jù)點之一，并且每個柱具有第三寬度和根據(jù)所述數(shù)據(jù)點的值的可變高度，所述第三寬度大于所述第一寬度并且小于所述第二寬度；以及響應(yīng)于接收用戶輸入，將所述第三組中的至少一個柱的顯示改變?yōu)榫哂兴龅谝粚挾?，并且將所述第二組中的至少一個柱改變?yōu)榫哂兴龅谌龑挾取?br> 22.—種具有計算機可讀存儲介質(zhì)的計算機程序產(chǎn)品，所述計算機可讀存儲介質(zhì)存儲用于在移動設(shè)備的顯示屏幕上顯示表示多個數(shù)據(jù)點的圖表的計算機可執(zhí)行代碼，所述代碼包括輸入/輸出驅(qū)動器模塊，配置成在所述顯示屏幕上顯示第一組柱，每個柱表示所述多個數(shù)據(jù)點之一，并且具有第一寬度和根據(jù)所述數(shù)據(jù)點的值的可變高度；在所述顯示屏幕上顯示第二組柱，每個柱表示所述多個數(shù)據(jù)點之一，并且具有第二寬度和根據(jù)所述數(shù)據(jù)點的值的可變高度，所述第二寬度大于所述第一寬度；在所述顯示屏幕上顯示第三組柱，每個柱被顯示在所述第一組的柱與所述第二組的柱之間，并且表示所述多個數(shù)據(jù)點之一，并且每個柱具有第三寬度和根據(jù)所述數(shù)據(jù)點的值的可變高度，所述第三寬度大于所述第一寬度并且小于所述第二寬度；以及響應(yīng)于接收用戶輸入，將所述第三組中的至少一個柱的顯示改變?yōu)榫哂兴龅谝粚挾龋⑶覍⑺龅诙M中的至少一個柱改變?yōu)榫哂兴龅谌龑挾取?br> 全文摘要
公開了一種用于在顯示面積有限的顯示屏幕上使用圖表來可視地顯示數(shù)據(jù)點的系統(tǒng)和方法。魚眼變形區(qū)域允許針對所顯示的一些數(shù)據(jù)點呈現(xiàn)比其它數(shù)據(jù)點更為詳細(xì)的信息。圖表可以相對于變形區(qū)域移動，由此改變魚眼內(nèi)所顯示的呈現(xiàn)附加信息的數(shù)據(jù)點。圖表與變形區(qū)域之間的相對移動由來自用戶的不同種類的輸入觸發(fā)，包括對設(shè)備的傾斜、利用指點設(shè)備進(jìn)行滑動和選擇特定數(shù)據(jù)點。
文檔編號G06T11/20GK102405484SQ201080017251
公開日2012年4月4日 申請日期2010年1月29日 優(yōu)先權(quán)日2009年2月25日
發(fā)明者D·貝塞拉, Q·阿爾斯布里 申請人:美爾默公司