TWI520042B - Method and system for spin control user interface for selecting options, and computer-readable storage medium for recording related instructions thereon - Google Patents

Method and system for spin control user interface for selecting options, and computer-readable storage medium for recording related instructions thereon Download PDF

Info

Publication number
TWI520042B
TWI520042B TW100109576A TW100109576A TWI520042B TW I520042 B TWI520042 B TW I520042B TW 100109576 A TW100109576 A TW 100109576A TW 100109576 A TW100109576 A TW 100109576A TW I520042 B TWI520042 B TW I520042B
Authority
TW
Taiwan
Prior art keywords
rotation control
displayed
chart
option
display
Prior art date
Application number
TW100109576A
Other languages
Chinese (zh)
Other versions
TW201203083A (en
Inventor
拉達科維茲賽謬裘
盧柏布萊恩史考特
Original Assignee
微軟技術授權有限責任公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Priority claimed from US12/771,422 external-priority patent/US9367198B2/en
Application filed by 微軟技術授權有限責任公司 filed Critical 微軟技術授權有限責任公司
Publication of TW201203083A publication Critical patent/TW201203083A/en
Application granted granted Critical
Publication of TWI520042B publication Critical patent/TWI520042B/en

Links

Landscapes

  • User Interface Of Digital Computer (AREA)
  • Image Processing (AREA)

Description

用於選定選項的旋轉控制使用者界面的方法及系統,及用於記錄相關指令的電腦可讀取儲存媒體 Method and system for rotating control user interface for selected options, and computer readable storage medium for recording related instructions

本發明係關於用於選擇選項的旋轉控制使用者界面。The present invention relates to a rotary control user interface for selecting options.

【相關申請案】[related application]

本申請案係美國專利申請案No. 12/770,992的部份連續案,其於4月30日提出申請,藉由參考方式引入,及主張在35 U.S.C. § 120下的早先申請日期的優先權。This application is a continuation-in-part of U.S. Patent Application Serial No. 12/770,992, filed on April 30, the disclosure of which is incorporated by reference, and the priority of the earlier filing date of 35 U.S.C. § 120.

許多個人耗費許多時間嘗試去視覺化資料。資料經常以試算表的數列或數行來呈現以作為資訊的方塊,而無需任何資料的視覺化圖形表示。為了要了解該資料,使用者耗費時間嘗試找出最佳方式以檢視資料,及而後建立需要用來理解該資料的圖表。此過程耗費時間及需熟知如何使用一應用程式的視覺化特徵。Many individuals spend a lot of time trying to visualize materials. Data is often presented as a block of information in a series or rows of spreadsheets without the need for a visual graphical representation of any material. In order to understand this information, it takes time for the user to try to find the best way to view the data and then create a chart that is needed to understand the data. This process is time consuming and requires familiarity with how to use the visual features of an application.

提供此發明內容以更進一步描述於後文中的實施方式之簡化形式作一選擇性概念的介紹。此發明內容無意於識別所請求內容的關鍵或必要特徵,及無意於使用作為決定所請求內容之範圍的一助益。This Summary is provided to introduce a selection of concepts in a simplified form that is further described in the following. This Summary is not intended to identify key or essential features of the claimed content, and is not intended to be used as a benefit in determining the scope of the claimed content.

一旋轉控制圖形使用者界面係使用於顯示一目前運用的選項,及從一使用者接收選擇。該旋轉控制係一環形圖形使用者界面元件,該環形圖形使用者界面元件位於其所運用的顯示文件附近。舉例而言,該旋轉控制可位在該顯示文件的角落上、或在該顯示文件的角落附近。該旋轉控制包含:基於該旋轉控制的旋轉呈現至一使用者的選項。一選項可手動地選擇或自動地選擇,及基於順時針或逆時針地旋轉該旋轉控制,運用至該顯示文件。一個以上的旋轉控制可與該顯示文件相關聯。該旋轉控制可自動地顯示,及從一顯示移除,以回應於該旋轉控制所依附的該文件目前是否顯示。A rotary control graphical user interface is used to display a currently used option and to receive a selection from a user. The rotary control is an annular graphical user interface component located adjacent to the display file it is in use with. For example, the rotation control can be located at a corner of the display file or near a corner of the display file. The rotation control includes an option to present to a user based on the rotation of the rotation control. An option can be manually selected or automatically selected, and the rotation control is applied to the display file based on clockwise or counterclockwise rotation. More than one rotation control can be associated with the display file. The rotation control is automatically displayed and removed from a display in response to whether the file to which the rotation control is attached is currently displayed.

現在參閱至圖式,其中類似的編號參照代表類似的元件,將描述各種具體實施例。特定而言,第1圖和相對應的討論意欲提供一適當計算環境中的一簡短、一般性的描述,在該計算環境中可實施具體實施例。Referring now to the drawings in which like reference numerals refer to In particular, Figure 1 and the corresponding discussion are intended to provide a brief, general description of a suitable computing environment in which specific embodiments may be practiced.

一般而言,程式模組包含:常式、程式、元件、資料結構、及其它類型的執行特定任務或實施特定抽象資料型別之結構。亦可使用其它電腦系統組態,其包含:多處器系統、微處理器式、或可程式化的消費者電子、迷你電腦、大型電腦、及其類似者。亦可使用分散式的計算環境,其中由透過一通訊網路鏈結的遠端處理裝置來執行任務。在一分散式的計算環境中,程式模組可位於本地端和遠端記憶體儲存裝置二者中。In general, program modules include: routines, programs, components, data structures, and other types of structures that perform specific tasks or implement specific abstract data types. Other computer system configurations can also be used, including: multi-processor systems, microprocessor-based, or programmable consumer electronics, minicomputers, large computers, and the like. A decentralized computing environment can also be used in which tasks are performed by remote processing devices that are linked through a communications network. In a decentralized computing environment, the program modules can be located in both local and remote memory storage devices.

現在參閱至第1圖,描述使用於各種具體實施例的一電腦100的一說明性電腦架構。顯示於第1圖的電腦架構可經組態為一桌上型電腦、一伺服器、或行動電腦,及包含:一中央處理單元5(“CPU”)、一系統記憶體7,其包含:一隨機存取記憶體9(“RAM”)和一唯讀記憶體(“ROM”)10、及一系統匯流排12,其耦合至該CPU 5的記憶體。一基本輸入/輸出系統,其包含:有助於在電腦內的元件之間轉移資訊的基本常式(例如在開機期間)係儲存在ROM 10中。系統100進一步包含:用於儲存一作業系統16、應用程式、及其它程式模組的一主儲存裝置14,其將於後文更為詳細地描述。Referring now to Figure 1, an illustrative computer architecture for a computer 100 for use with various embodiments is described. The computer architecture shown in Figure 1 can be configured as a desktop computer, a server, or a mobile computer, and includes: a central processing unit 5 ("CPU"), a system memory 7, comprising: A random access memory 9 ("RAM") and a read only memory ("ROM") 10, and a system bus 12 are coupled to the memory of the CPU 5. A basic input/output system that includes a basic routine that facilitates the transfer of information between components within a computer (e.g., during power up) is stored in ROM 10. System 100 further includes a primary storage device 14 for storing an operating system 16, an application, and other programming modules, which will be described in greater detail below.

主儲存裝置14藉由連接至匯流排12的一主儲存控制器(未示出)連接至CPU 5。主儲存裝置14和其相關的電腦可讀取媒體提供非揮發性儲存給電腦100。雖然在此包含的電腦可讀取媒體的描述意指為一主儲存裝置,例如硬碟或CD-ROM驅動,電腦可讀取媒體可為由電腦100存取的任何可獲用媒體。The main storage device 14 is connected to the CPU 5 by a main storage controller (not shown) connected to the bus bar 12. The primary storage device 14 and its associated computer readable media provide non-volatile storage to the computer 100. Although the description of computer readable media as referred to herein means a primary storage device, such as a hard disk or CD-ROM drive, the computer readable media can be any available media that is accessed by computer 100.

藉由實例方式,而非限制,電腦可讀取媒體可包含:電腦儲存媒體和通訊媒體。電腦儲存媒體包含:揮發性和非揮發性、可移除和不可移除媒體,其可以任何方法或技術來來實施以儲存資訊,例如電腦可讀取指令、資料結構、程式模組、或其他資料。電腦儲存媒體包含(但不限於):RAM、ROM、EPROM、EEPROM、快閃記憶體或其它固態記憶體技術、CD-ROM、數位多媒體影音光碟(“DVD”)、或其他光學儲存、磁匣、磁帶、磁碟儲存或其它磁性儲存裝置、或其它可使用以儲存所欲資訊和可由電腦100存取的任何其它媒體。By way of example and not limitation, computer readable media may include: computer storage media and communication media. Computer storage media includes: volatile and non-volatile, removable and non-removable media that can be implemented by any method or technology for storing information, such as computer readable instructions, data structures, program modules, or other materials. . Computer storage media includes (but is not limited to): RAM, ROM, EPROM, EEPROM, flash memory or other solid state memory technology, CD-ROM, digital multimedia audio and video ("DVD"), or other optical storage, magnetic storage , tape, disk storage or other magnetic storage device, or any other medium that can be used to store the desired information and be accessible by computer 100.

根據各種具體實施例,電腦100操作於一網路化環境中,該網路化環境使用邏輯連接透過一網路18(例如網際網路)連至遠端電腦。電腦100可藉由連接至匯流排12的一網路界面單元20,連接至網路18。網路連接可為無線及/或有線。網路界面單元20亦可使用以連接至其它類型的網路和遠端電腦系統。電腦100亦可包含:一輸入/輸出控制器22,其用於接收和處理來自數個其它裝置的輸入(其包含一鍵盤、滑鼠、或電子觸控筆(未顯示於第1圖))。類似地,一輸入/輸出控制器22可提供輸出至一顯示螢幕,該顯示螢幕包含:一使用者界面28、一印表機、或其它類型的輸出裝置。旋轉控制使用者界面(UI)29經設計以提供一使用者一視覺化方式與所顯示文件互動,例如圖形圖表。其它UI元件亦可使用以與包含在計算裝置100的功能性互動。In accordance with various embodiments, computer 100 operates in a networked environment that uses logical connections to connect to a remote computer via a network 18 (e.g., the Internet). The computer 100 can be connected to the network 18 by a network interface unit 20 connected to the busbar 12. The internet connection can be wireless and/or wired. Network interface unit 20 can also be used to connect to other types of networks and remote computer systems. The computer 100 can also include an input/output controller 22 for receiving and processing input from a number of other devices (including a keyboard, mouse, or electronic stylus (not shown in Figure 1)) . Similarly, an input/output controller 22 can provide output to a display screen that includes a user interface 28, a printer, or other type of output device. The Rotation Control User Interface (UI) 29 is designed to provide a user-visual interaction with the displayed file, such as a graphical chart. Other UI elements can also be used to interact with the functionality contained in computing device 100.

如同前文簡短提及者,數個程式模組和資料檔案可儲存於主儲存裝置14和電腦100的RAM 9中,其包含適合於控制網路化電腦的操作之作業系統16,例如來自MICROSOFT CORPORATION of Redmond,Washington的WINDOWS 7。主儲存裝置14和RAM 9亦可儲存一或多個程式模組。特定而言,主儲存裝置14和RAM 9可儲存一或多個應用程式。多個應用程式之一者係一生產力應用程式24,例如為MICROSOFT EXCEL程式之一者或MICROSOFT OFFICE程式之一者。一般而言,生產力應用程式24係一使用者檢視和與一資料方塊互動時使用的一應用程式,例如在一試算表及/或一表格內。生產力應用程式24係一應用程式,例如試算表程式、一資料庫程式、一文字處理程式、一顯示程式及其類似者。As briefly mentioned above, several program modules and data files can be stored in the main storage device 14 and the RAM 9 of the computer 100, including an operating system 16 suitable for controlling the operation of the networked computer, such as from MICROSOFT CORPORATION. Of Redmond, Washington's WINDOWS 7 . The main storage device 14 and the RAM 9 can also store one or more program modules. In particular, primary storage device 14 and RAM 9 can store one or more applications. One of the multiple applications is a productivity application 24, such as MICROSOFT EXCEL One of the programs or MICROSOFT OFFICE One of the programs. In general, the productivity application 24 is an application that is used by a user to view and interact with a data block, such as in a spreadsheet and/or a spreadsheet. The productivity application 24 is an application such as a spreadsheet program, a database program, a word processing program, a display program and the like.

視覺化管理器26經組態以自動化地臨時格式化和圖表化所選擇的資料以協助一使用者檢視和了解所選擇的資料。因為圖表化自動地在圖表化的資料上執行,使用者並不需要手動地產生該圖表化的資料之顯示。一旦臨時的格式化和圖表化自動地運用至所選擇的資料,使用者可與視覺化的格式化和圖表互動以獲得額外的資訊。舉例而言,圖表可不同地格式化,可增加參考線、可排序該圖表、可改變所顯示圖表的類型(多個),該使用者可導覽該圖表以獲得更多的詳細資訊、及其類似者。一旦使用者已完成了與臨時地格式化和產生的圖表(多個)之互動,它們自該顯示28移除。The visualization manager 26 is configured to automatically temporarily format and chart the selected material to assist a user in viewing and understanding the selected material. Since the charting is automatically performed on the charted material, the user does not need to manually generate a display of the charted material. Once temporary formatting and charting are automatically applied to the selected material, the user can interact with the visual formatting and graphics to obtain additional information. For example, the chart can be formatted differently, the reference line can be added, the chart can be sorted, the type (multiple) of the displayed chart can be changed, and the user can navigate the chart to obtain more detailed information, and It is similar. Once the user has completed interaction with the temporarily formatted and generated chart(s), they are removed from the display 28.

一旋轉控制圖形使用者界面29亦與一顯示文件相關聯,例如所顯示的圖表,其可使用以顯示一目前運用的選項和接收來自一使用者的選項。該旋轉控制29係一環形圖形使用者界面,該環形圖形使用者界面位於其所運用的顯示文件附近。舉例而言,該旋轉控制可位在該顯示文件的角落上、或在該顯示文件的角落附近。該旋轉控制包含:基於該旋轉控制的旋轉呈現至一使用者的選項。一選項可手動地選擇或自動地選擇,及基於順時針或逆時針地旋轉該旋轉控制,運用至該顯示文件。一個以上的旋轉控制可與該顯示文件相關聯。一旦使用者已完成了與臨時地格式化和產生的圖表(多個)之互動,圖表(多個)和旋轉控制(多個)自該顯示28移除。A rotation control graphical user interface 29 is also associated with a display file, such as a displayed chart, which can be used to display a currently used option and receive an option from a user. The rotation control 29 is a circular graphical user interface located adjacent to the display file it is used by. For example, the rotation control can be located at a corner of the display file or near a corner of the display file. The rotation control includes an option to present to a user based on the rotation of the rotation control. An option can be manually selected or automatically selected, and the rotation control is applied to the display file based on clockwise or counterclockwise rotation. More than one rotation control can be associated with the display file. Once the user has completed interaction with the temporarily formatted and generated chart(s), the chart(s) and rotation control(s) are removed from the display 28.

第2圖顯示一實例臨時格式化和圖表化系統。如示例說明者,系統200包含:顯示28、旋轉控制29、視覺化管理器26、輸入205、生產力應用程式24、資料儲存庫240、及其它應用程式230。視覺化管理器26可如同顯示於第2圖中的顯示應用程式24、或可如同顯示於第1圖從應用程式24的外部實施。Figure 2 shows an example temporary formatting and charting system. As an example, system 200 includes display 28, rotation control 29, visualization manager 26, input 205, productivity application 24, data repository 240, and other applications 230. The visualization manager 26 can be implemented as shown in the display application 24 shown in FIG. 2, or can be implemented from outside the application 24 as shown in FIG.

為了要促使與視覺化管理器26進行通訊,可實施一或多個回叫常式,其示例說明於第2圖中作為回叫代碼210。藉由使用回叫代碼210,視覺化管理器26可查詢使用於從生產力應用程式24所選擇的臨時地格式化和圖表化資料的額外資訊。舉例而言,視覺化管理器26可請求以當一使用者選擇資料、選擇一使用者界面元件時被告知,例如旋轉控制29,其與臨時顯示的圖表的一者相關聯,及/或在一顯示的圖表移動和導覽。亦可提供與應用程式的特徵關聯之其它資訊。如同前文所討論者,視覺化管理器26經組態以:自動地格式化和產生來自在生產力應用程式24內選擇的資料之圖表,以使得所選擇的資料可以一圖形的方式來理解。In order to facilitate communication with the visualization manager 26, one or more callback routines may be implemented, an example of which is illustrated in FIG. 2 as the callback code 210. By using callback code 210, visualization manager 26 can query additional information for use in temporarily formatting and charting data selected from productivity application 24. For example, the visualization manager 26 can request to be notified when a user selects a profile, selects a user interface component, such as a rotation control 29 that is associated with one of the temporarily displayed graphs, and/or A displayed chart moves and navigates. Additional information related to the characteristics of the application can also be provided. As discussed above, the visualization manager 26 is configured to automatically format and generate graphics from the materials selected within the productivity application 24 such that the selected material can be understood graphically.

顯示28經組態以:提供使用者基於所選擇的資料之臨時格式化和顯示的圖表(多個)之一視覺顯示(見用於示例性顯示的第3-5圖)。輸入205經組態以接收來自一或多個輸入源的輸入,例如一鍵盤、滑鼠、一觸控螢幕、及/或一些其它輸入裝置。舉例而言,輸入可為在一顯示圖表上的滑鼠移動、一資料的選擇、一選單項目的選擇、在一項目上的盤旋、及其類似者。輸入可為與該旋轉控制29互動。如同所顯示者,旋轉控制示例說明:一第二選項(“2”)目前運用至所顯示的圖表(多個)。根據一具體實施例,旋轉控制29的旋轉導致另一選項自動地運用至所顯示的圖表(多個)。舉例而言,順時針地旋轉該旋轉控制導致一第一選項運用至顯示的圖表(多個),然而逆時針地旋轉該旋控制導致一第三選項運用至顯示的圖表(多個)。The display 28 is configured to provide a visual display of one of the graph(s) of the user based on the temporary formatting and display of the selected material (see Figures 3-5 for an exemplary display). Input 205 is configured to receive input from one or more input sources, such as a keyboard, mouse, a touch screen, and/or some other input device. For example, the input can be a mouse movement on a display chart, a selection of a material, a selection of a menu item, a hover on an item, and the like. The input can interact with the rotation control 29. As shown, the rotation control example illustrates that a second option ("2") is currently applied to the displayed chart(s). According to a specific embodiment, the rotation of the rotation control 29 causes another option to be automatically applied to the displayed chart(s). For example, rotating the rotation control clockwise results in a first option being applied to the displayed chart(s), whereas rotating the rotation control counterclockwise results in a third option being applied to the displayed chart(s).

資料儲存庫240可經組態以儲存關於生產力應用程式24的資料。舉例而言,資料儲存庫240可使用以儲存顯示在試算表內的數列和數行的資料。The data repository 240 can be configured to store information about the productivity application 24. For example, data repository 240 can be used to store data for a series and rows displayed within a spreadsheet.

視覺化管理器26可耦合至其它應用程式230,以使得用以臨時地格式化或圖表化的資料可從其它應用程式接收。舉例而言,視覺化管理器26可耦合至另一生產力應用程式、及/或提供使用於臨時地格式化和產生圖表的資料之網路場景。The visualization manager 26 can be coupled to other applications 230 such that materials for temporary formatting or charting can be received from other applications. For example, the visualization manager 26 can be coupled to another productivity application, and/or provide a web scenario for temporarily formatting and generating data for the chart.

第3-5圖顯示示例性的使用者界面和用於臨時地對所選擇的資料格式化和圖表化之顯示。目前參閱至第3A圖,顯示310顯示包含數列和數行資料的試算表。資料可由各種來源提供。舉例而言,資料可從一資料庫、一檔案、另一應用程式、一即時資料來源、及其類似者獲得。當一使用者欲臨時地格式化或檢視來自資料來源的資料,其進入一臨時圖表化模式、及選擇其欲臨時地格式化或圖表化的資料。在目前的實例中,使用者已選擇女人的資料列和男人的資料列(315)。使用者選擇他們期望多的資料以在一圖表中檢視。舉例而言,使用者可選擇一單一列、二個列、三個列、及其類似者。使用者亦可選擇其欲檢視的一些或多個行。舉例而言,使用者可選擇呈現在該資料內的數個行之僅一部份。Figures 3-5 show an exemplary user interface and a display for temporarily formatting and charting selected materials. Referring now to Figure 3A, display 310 shows a spreadsheet containing data for several columns and rows. Information can be provided from a variety of sources. For example, data may be obtained from a database, a file, another application, an instant source, and the like. When a user wants to temporarily format or view data from a source of material, it enters a temporary charting mode and selects the material that it wants to temporarily format or chart. In the current example, the user has selected the woman's data column and the man's data column (315). Users select the data they expect to be viewed in a chart. For example, a user may select a single column, two columns, three columns, and the like. The user can also select some or more of the lines he wants to view. For example, the user may select only a portion of the rows presented within the material.

使用者可以各種不同的方式進入臨時的圖表檢視。在目前的實例中,使用者選擇顯示在第3B圖的使用者界面320中的該選擇選項和自動選項。其它使用者界面可使用以進入該模式中。舉例而言,使用者可右點擊以導引出一文字清單,從一工具列或清單、及其類似者中選擇一清單選項。根據另一具體實施例,圖表可基於資料的選擇自動地顯示,而無需先選擇一臨時的圖表選擇。Users can enter temporary chart views in a variety of different ways. In the current example, the user selects the selection option and the automatic option displayed in the user interface 320 of FIG. 3B. Other user interfaces can be used to enter this mode. For example, the user can right click to guide a list of words, select a list option from a toolbar or list, and the like. According to another embodiment, the chart can be automatically displayed based on the selection of the material without first selecting a temporary chart selection.

在進入臨時的格式化和圖表化模式中,一資料的選擇(例如選擇315)以一圖表形式顯示所選擇的資料。如同示例說明者,第3C圖的顯示330顯示:圖表334,其顯示在所選擇女人的列(Women’s row)的數值之一圖表,及圖表336,其顯示在所選擇男人的列(Men’s row)的數值之一圖表。根據一具體實施例,針對所選擇的資料之每一列產生一分別的圖表。根據另一具體實施例,使用該資料產生一單一圖表。在目前的實例中,圖表類型可設定為基於所選擇的資料自動地選擇。可顯示許多不同類型的圖表,例如(但不限於):行、線、區域、及圓餅(pie)圖表。根據一具體實施例,圖表334和336共用一共同軸(337),以使得其圖表可容易地比較。根據另一具體實施例,個別地產生每一圖表,以使得每一軸取決於在其所選擇列內的資料。如同前文所討論者,當使用者在圖表上移動和導覽時,更多的資訊可顯示至該使用者。在目前的實例中,使用者已在線圖表334的點338上移動。回應於導覽至一點,顯示在所選擇資料中的對應數值之一圖形表示。在目前的實例中,點338對應於在女人的列的May數值,其為$7,071。在目前的實例中,一相對應的圖形顯示經提供在其它顯示的圖表中於點338的相對應位置。舉例而言,在圖表336中,在圖表334中的點338對應於在圖表336中的點339。點339的數值係$7,027,其為來自男人的列之May數值。除了顯示來自其它所選擇列的相對應數值,亦可圖形化地顯示差異,以使得在圖表的數值之間的一直接比較可容易地決定。在現在的實例中,此差異為$44(7,071-7,027)。可提供更多資料的格式化以協助使用者視覺化該資料。舉例而言,可在該顯示內使用不同的顏色,不同的數值可在該資料內反白,一些資料可隱藏在視圖中、及其類似者。在顯示330中,可觀察到當臨時地顯示圖表時,未被選擇的數列資料隱藏在視圖中。根據另一具體實施例,臨時顯示的圖表可呈現在離於該資料的顯示的一或多個不同的視窗。In the temporary formatting and charting mode, a selection of materials (e.g., selection 315) displays the selected material in a graphical form. As an example, the display 330 of Figure 3C shows: a chart 334 showing a graph of values in the selected women's row, and a chart 336 showing the selected man's column (Men's row). One of the values of the chart. According to a specific embodiment, a separate graph is generated for each column of the selected material. According to another embodiment, the data is used to generate a single chart. In the current example, the chart type can be set to be automatically selected based on the selected material. Many different types of charts can be displayed, such as (but not limited to): rows, lines, regions, and pie charts. According to a specific embodiment, charts 334 and 336 share a common axis (337) such that their charts can be easily compared. According to another embodiment, each chart is generated individually such that each axis depends on the data in its selected column. As discussed above, more information can be displayed to the user as they move and navigate through the chart. In the current example, the user has moved on point 338 of the online chart 334. In response to navigating to a point, a graphical representation of one of the corresponding values in the selected material is displayed. In the current example, point 338 corresponds to the May value in the woman's column, which is $7,071. In the present example, a corresponding graphical display is provided at a corresponding location at point 338 in other displayed graphs. For example, in chart 336, point 338 in chart 334 corresponds to point 339 in chart 336. The value of point 339 is $7,027, which is the May value from the column of the man. In addition to displaying the corresponding values from other selected columns, the differences can also be graphically displayed so that a direct comparison between the values of the graphs can be easily determined. In the current example, the difference is $44 (7,071-7,027). More formatting can be provided to assist the user in visualizing the material. For example, different colors can be used within the display, different values can be highlighted within the material, some data can be hidden in the view, and the like. In display 330, it can be observed that when the chart is temporarily displayed, the unselected series of data are hidden in the view. According to another embodiment, the temporarily displayed chart may be presented in one or more different windows from the display of the material.

第4A-4C圖顯示:示例說明不同圖表化和格式化選項的示例性顯示。4A-4C shows: an example display showing an exemplary display of different charting and formatting options.

第4A圖的顯示410顯示:一女人的列之資料的條狀圖表412和一男人的列之資料的圖表414之顯示(416)。圖表的類型可預組態(pre-configured)、根據所選擇的資料自動地選擇(416)、及/或從一預設圖表類型改變。舉例而言,一使用者使用一使用者界面(例如顯示在第3B圖的一使用者界面320)以選擇圖表類型。The display 410 of Figure 4A shows the display of a bar chart 412 of a woman's column of data and a chart 414 of a man's column of data (416). The type of chart can be pre-configured, automatically selected (416) based on the selected material, and/or changed from a preset chart type. For example, a user uses a user interface (eg, a user interface 320 displayed in FIG. 3B) to select a chart type.

第4B圖的顯示420顯示增加至圖表412和414的顯示之參考線422。如同示例說明者,參考線設定至$8,000的數值。參考線422延伸橫跨於所顯示的圖表。根據一具體實施例,低於參考線422的數值不同於在參考線422中或在參考線422上方的數值來格式化。舉例而言,低於參考線的數值可不同於在參考線中或在參考線上方的數值而加上色彩/陰影。在目前的實例中,高於參考線上方的數值相較於在參考線中或在參考線下方的數值,呈現為較暗的顏色來示例說明。在資料424內顯示的數值亦可基於所產生的參考線422來格式化。Display 420 of FIG. 4B shows reference line 422 that is added to the display of charts 412 and 414. As an example, the reference line is set to a value of $8,000. Reference line 422 extends across the displayed chart. According to a particular embodiment, the value below reference line 422 is formatted differently than the value in reference line 422 or above reference line 422. For example, values below the reference line may be different from the values in the reference line or above the reference line plus color/shadow. In the present example, values above the reference line are illustrated as darker colors compared to values in the reference line or below the reference line. The values displayed within data 424 may also be formatted based on the generated reference line 422.

第4C圖的顯示430示例說明:在一顯示的圖表中選擇一數值。如同示例說明者,使用者已選擇點432。使用者可利用不同的方式選擇一點。舉例而言,使用者可在一點上導覽和盤旋、點擊該點、及其類似者。點432對應於女人的列之資料的December數值。當選擇一點時,更多資訊提供至該使用者。根據一具體實施例,額外顯示的資訊包含:該點的數值和在該點和該參考線之間的差。在目前的實例中,相對應的點在其它圖表中的顯示上被反白(在此情況為圖表414),及相對應的資訊顯示經呈現。在男人的圖表414之顯示上,男人的December數值之數值與該值和該參考線之間的差被呈現。其它資訊亦可包含在該顯示中。舉例而言,可在男人和女人的資料數值之間作出比較,及/或運用不同的格式化至大於/小於所選擇的點之數值。The display 430 of Figure 4C illustrates an example of selecting a value in a displayed chart. As the example illustrates, the user has selected point 432. Users can choose a different way. For example, the user can navigate and hover at a point, click on the point, and the like. Point 432 corresponds to the December value of the woman's column data. When selecting a point, more information is provided to the user. According to a specific embodiment, the additionally displayed information includes: a value of the point and a difference between the point and the reference line. In the current example, the corresponding points are highlighted on the display in the other charts (in this case, chart 414), and the corresponding information display is presented. On the display of the man's chart 414, the difference between the value of the man's December value and the value and the reference line is presented. Other information can also be included in this display. For example, a comparison can be made between the data values of a man and a woman, and/or a different format is applied to a value greater than/less than the selected point.

第5圖示例說明一條狀圖表的顯示,其中所顯示的圖表經過排序。Figure 5 illustrates an example of a bar chart in which the displayed charts are sorted.

如同所示例說明者,顯示510顯示男人的圖表512的顯示和女人的圖表514的顯示。除了改變所顯示圖表的格式化,使用者可根據不同的準則排序所顯示的圖表。舉例而言,在目前的實例中,顯示在第4A-4C圖中的圖表基於圖表標題來排序,其導致男人的圖表512的顯示係在女人的圖表514的顯示之左側。如同所示例說明者,旋轉控制516係可使用以排序圖表的顯示之控制。其它控制及/或使用者界面亦可以用以控制圖表的排序。一般而言,旋轉控制516經組態以使得使用者可藉由選擇在旋轉控制516上的顯示箭頭之一者透過各種選項來循環。舉例而言,圖表可基於向下趨勢、向上趨勢、圖表標題、低至高的數值、高至低的數值、平均數值、及其類似者來排序。所選擇的選項示例說明在旋轉控制516的顯示內。在目前的實例中,目前所選擇的選項係「圖表標題」。當旋轉控制516經組態以包含用以排序圖表的選項,一旋轉控制可經組態以運用其它選項。一般而言,一旋轉控制可與不同的選項組態,該等不同的選項可顯示於示例說明在旋轉控制內的圓餅區域中(更多關於旋轉控制的細節見第8圖和第9圖)。As illustrated, display 510 displays the display of the chart 512 of the man and the display of the chart 514 of the woman. In addition to changing the formatting of the displayed chart, the user can sort the displayed chart according to different criteria. For example, in the current example, the charts displayed in Figures 4A-4C are ordered based on the chart headings, which results in the display of the man's chart 512 being to the left of the display of the woman's chart 514. As illustrated, the rotation control 516 can be used to control the display of the sorted chart. Other controls and/or user interfaces can also be used to control the ordering of the charts. In general, the rotation control 516 is configured such that the user can cycle through one of various options by selecting one of the display arrows on the rotation control 516. For example, the chart can be sorted based on a downward trend, an upward trend, a chart title, a low to high value, a high to low value, an average value, and the like. An example of the selected option is illustrated within the display of the rotation control 516. In the current example, the currently selected option is the "chart title". When the rotation control 516 is configured to include an option to sort the chart, a rotation control can be configured to utilize other options. In general, a rotation control can be configured with different options, which can be shown in the example of a pie area within the rotation control (see Figure 8 and Figure 9 for more details on the rotation control). ).

現在參閱至第6-7圖,其描述用於臨時地對所選擇資料格式化和圖表化的示例說明性程序。Referring now to Figures 6-7, an illustrative program for temporarily formatting and charting selected materials is described.

當閱讀在此呈現的常式之討論時,應可了解到:各種具體實施例的邏輯操作可實施為(1)電腦可實施步驟的一序列或在一計算系統上執行的程式模組及/或(2)互相連接的機器邏輯電路或在計算系統內的電路模組。此實施係根據實施本發明的計算系統之效能需求之一選擇。從而,所示例說明和形成在此描述的具體實施例之邏輯操作意指各種的操作、結構化裝置、動作或模組。此些操作、結構化裝置、步驟及模組可實施在軟體、韌體、特殊目的之數位邏輯、及其任何組合。When reading the discussion of the routines presented herein, it should be understood that the logical operations of the various embodiments can be implemented as (1) a sequence of computer implementable steps or a program module executed on a computing system and/or Or (2) interconnected machine logic circuits or circuit modules within the computing system. This implementation is selected in accordance with one of the performance requirements of a computing system embodying the present invention. Thus, the illustrated embodiments and the logical operation of the specific embodiments described herein are intended to represent various operations, structural devices, acts or modules. Such operations, structuring devices, steps, and modules can be implemented in software, firmware, special purpose digital logic, and any combination thereof.

第6圖示例說明用以臨時地對所選擇的資料圖表化的程序600。Figure 6 illustrates a procedure 600 for temporarily charting selected materials.

在一開始操作之後,程序移動至操作610,其中可選擇用以臨時地格式化和圖表化的資料。使用者所欲地選擇許多或少量的資料以在圖表內檢視。舉例而言,使用者可選擇一或多個完整或部份的數列資料。After the initial operation, the program moves to operation 610 where the material to be temporarily formatted and graphed can be selected. The user selects many or small amounts of data to view within the chart. For example, the user may select one or more complete or partial series of data.

移動至操作620,圖表標題和軸資訊係從所選擇的資料中決定的。當所選擇的資料並不包含所選擇的列及/或行的標題資訊,資料可穿越(traverse)直到獲該列/行的相對應標題。舉例而言,列資列可從右側穿越至左側,直到列的標題行到達。在前文所示例說明的實例中,所選擇列的每一者可穿越,直到獲得女人的標題(女人)及獲得男人的標題(男人)。類似地,每一行可穿越以決定每一行的標題。舉例而言,對每一所選擇的行,資料可穿越直到決定該行的標題。在前文所呈現的實例中,行標題係所選擇的月份(例如一月-十二月)。當行標題並不啟始地顯示於圖表中,而當在一顯示的圖表中選擇一點時,可使用此資訊(例如見第3C圖中的點338)。Moving to operation 620, the chart title and axis information are determined from the selected material. When the selected material does not contain the title information of the selected column and/or row, the data can be traversed until the corresponding title of the column/row is obtained. For example, the column can be crossed from the right to the left until the column header row arrives. In the example illustrated above, each of the selected columns can be traversed until the woman's title (woman) is obtained and the man's title (man) is obtained. Similarly, each row can be traversed to determine the title of each row. For example, for each selected row, the data can be traversed until the title of the row is determined. In the example presented above, the line heading is the selected month (eg, January-December). This information can be used when the line heading is not initially displayed in the chart, but when a point is selected in a displayed chart (see, for example, point 338 in Figure 3C).

移動至操作630,用以顯示的圖表之軸資訊被決定。根據一具體實施例,每個顯示的圖表共用一共同的軸。此共用軸係從所決定數值的範圍中決定。Moving to operation 630, the axis information of the chart for display is determined. According to a specific embodiment, each displayed chart shares a common axis. This common axis is determined from the range of values determined.

移動至操作640,可決定用以顯示的圖表類型。可根據不同的因子,預先決定此圖表類型或決定此圖表類型:所選擇數值的數目、所選擇資料的類型、所選擇數值的範圍、及其類似者。此圖表類型亦可由使用者選擇。舉例而言,使用者可選擇一選項以進入臨時的圖表模式和選擇當選擇資料時其欲顯示的圖表之類型。Moving to operation 640, the type of chart to display is determined. The chart type can be predetermined or determined according to different factors: the number of selected values, the type of data selected, the range of selected values, and the like. This chart type can also be selected by the user. For example, the user may select an option to enter a temporary chart mode and select the type of chart to display when selecting the material.

轉移至操作650,顯示圖表(多個)。根據一具體實施例,可針對每一所選擇的資料列顯示一分別的圖表。舉例而言,當選擇一列時,顯示一單一圖表,而當選擇五列時,顯示五個圖表。根據一具體實施例,一單一圖表可使用以顯示所選擇的資料。在此具體實施例中,每一列的資料可視覺性地格式化以將一列所選擇的資料和另一列所選擇的資料作出區分。圖表可顯示在如所選擇資料的相同視窗、或一或多個不同視窗內。舉例而言,圖表可透過所顯示的資料顯示於一快顯視窗中。根據一具體實施例中,當顯示圖表時並不顯示未選擇的資料。根據另一具體實施例,未選擇的資料在圖表顯示時顯示。除了顯示圖表以外,所選擇的資料可格式化以進一步提供視覺化的差異至使用者。Moving to operation 650, the chart(s) are displayed. According to a particular embodiment, a separate chart can be displayed for each selected data column. For example, when a column is selected, a single chart is displayed, and when five columns are selected, five charts are displayed. According to a specific embodiment, a single chart can be used to display the selected material. In this particular embodiment, the data for each column can be visually formatted to distinguish one column of selected data from another column of selected data. The chart can be displayed in the same window as the selected material, or in one or more different windows. For example, the chart can be displayed in a quick view through the displayed data. According to a specific embodiment, unselected material is not displayed when the chart is displayed. According to another embodiment, unselected material is displayed as the chart is displayed. In addition to displaying the chart, the selected material can be formatted to further provide visual differences to the user.

此程序而後移動至終點操作或返回以處理其它動作。This program then moves to the end point operation or returns to handle other actions.

第7圖顯示用以格式化臨時顯示的圖表之程序700。Figure 7 shows a procedure 700 for formatting a temporarily displayed chart.

在一開始操作之後,程序移動至操作710,其中圖表類型經改變以用於臨時顯示的圖表。顯示的圖表類型可為不同類型的圖表。舉例而言,圖表類型可為一線圖表、一區域圖表、一行圖表、一圓餅圖表、及其類似者。除了改變此圖表類型,使用者亦可切換列/行。根據一具體實施例,所顯示圖表的每一者使用圖表的所選擇類型來顯示。根據另一具體實施例,所顯示的每一圖表為不同的類型。After the initial operation, the program moves to operation 710 where the chart type is changed for the temporarily displayed chart. The type of chart displayed can be a different type of chart. For example, the chart type can be a one-line chart, a region chart, a row chart, a pie chart, and the like. In addition to changing this chart type, the user can also switch columns/rows. According to a specific embodiment, each of the displayed graphs is displayed using the selected type of graph. According to another embodiment, each of the graphs displayed is of a different type.

移動至操作720,一或多個參考線增加至圖表的顯示。參考線延伸橫跨於所顯示的圖表的每一者,及提供使用者在所顯示的圖表內之數值如何與參考數值比較的一視覺化。在圖表內的數值之格式化係根據目前顯示的數值高於或低於參考線來決定。舉例而言,高於參考線的數值以一種方式格式化(例如一第一陰影),及低於參考線的數值以一種不同的方式格式化(例如一第二陰影)。當顯示多於一參考線時,在二條參考線之間的數值以一第三種方式來顯示(例如一第三陰影)。除了基於該參考線改變數值的格式化之外,在所選擇資料內的數值亦可改變。Moving to operation 720, one or more reference lines are added to the display of the chart. The reference line extends across each of the displayed graphs and provides a visualization of how the user's values within the displayed graph compare to the reference values. The formatting of the values in the chart is determined based on whether the currently displayed value is above or below the reference line. For example, values above the reference line are formatted in one way (eg, a first shadow), and values below the reference line are formatted in a different manner (eg, a second shadow). When more than one reference line is displayed, the value between the two reference lines is displayed in a third manner (eg, a third shadow). In addition to formatting the values based on the reference line, the values within the selected data may also change.

移動至操作730,額外的資訊顯示至使用者,以回應於導覽所顯示圖表的點。舉例而言,當使用者導覽此圖表時,可顯示所導覽的點之目前數值。根據一具體實施例,其亦顯示在其它圖表中的相對應數值。當顯示一參考線時,所導覽的點之目前的數值亦可與該參考線比較。Moving to operation 730, additional information is displayed to the user in response to navigating the point at which the displayed chart is displayed. For example, when the user navigates through the chart, the current value of the point being navigated can be displayed. According to a specific embodiment, it also shows the corresponding values in other charts. When a reference line is displayed, the current value of the navigated point can also be compared to the reference line.

移動至操作740,不同的排序操作亦可由使用者選擇。舉例而言,圖表可基於向下趨勢、向上趨勢、圖表標題、低至高的數值、高至低的數值、平均數值、及其類似者來排序。Moving to operation 740, different sorting operations can also be selected by the user. For example, the chart can be sorted based on a downward trend, an upward trend, a chart title, a low to high value, a high to low value, an average value, and the like.

移動至操作750,可儲存一或多個圖表以供後續的顯示。該等圖表可儲存為一群組、或每一圖表可個別地選擇以供儲存。可以許多不同的方式儲存該等圖表。舉例而言,該等圖表可使用一複製操作來儲存、及儲存至一剪貼簿,該等圖表可儲存為一圖片檔、及其類似者。Moving to operation 750, one or more charts can be stored for subsequent display. The charts can be stored as a group, or each chart can be individually selected for storage. The charts can be stored in many different ways. For example, the charts can be stored and stored in a scrapbook using a copy operation, which can be stored as an image file, and the like.

此程序而後移動至終點操作或返回以處理其它動作。This program then moves to the end point operation or returns to handle other actions.

第8圖示例說明使用於選擇一選項的示例性旋轉控制環形使用者界面。該旋轉環形使用者界面根據可運用至一顯示的文件之選項的數目,組織分為不同的圓餅區域。舉例而言,環形使用者界面可包含二或多個呈現一不同選項的圓餅區域。Figure 8 illustrates an exemplary rotational control circular user interface for selecting an option. The rotating circular user interface is organized into different pie regions based on the number of options available to a displayed file. For example, the circular user interface can include two or more pie regions that present a different option.

示例說明810顯示:旋轉控制812,其包含:環形排列以呈現選項的4個圓餅區域,其包含有選項1、選項2、選項3、及選項4。如同所示例說明者,選項4可由所顯示的文件814隱藏。可替代性地,選項4可透過所顯示的文件顯示、或透過所顯示的文件以半透明的方式顯示,以使得使用者依然可在旋轉控制812的選項4之半透明年顯示下,檢視所顯示文件的內容。The example description 810 shows a rotation control 812 comprising: 4 pie regions arranged in a circle to present options, including option 1, option 2, option 3, and option 4. As illustrated, option 4 can be hidden by the displayed file 814. Alternatively, option 4 can be displayed in a semi-transparent manner through the displayed file or through the displayed file so that the user can still view the semi-transparent year of option 4 of the rotation control 812. Display the contents of the file.

旋轉控制812可以不同的方式導覽。舉例而言,使用者可移動一指向裝置從在旋轉控制812內的一區域至另一區域,其使得該旋轉控制旋轉以顯示可獲用於使用者的另一選項。由圓餅區域呈現的選項可以許多不同的方式顯示。舉例而言,由所顯示的文件814使用的目前選項不同於與CUI 812相關聯的其它選項來格式化。如同所示說明者,選項2加上粗體以顯示選項2目前運用至所顯示的文件814。旋轉控制812經組態以圍繞其中心順時針和逆時針地旋轉。旋轉控制812可經組態以基於在旋轉控制812的另一區域之選擇及/或使用一些其它使用者界面元件,旋轉和呈現不同的選項(例如一箭頭的選擇)。該選項可基於旋轉控制812的旋轉自動地被選擇及運用至所顯示的文件,或該選項可在呈現一新的選項之後手動地選擇。舉例而言,使用者可旋轉呈現選項4的旋轉控制,及在選項4的顯示之內點擊以選擇該選項。可替代性地,可自動地選擇一選項以回應於旋轉控制的移動。在目前的實例中,旋轉控制812的順時針移動會自動地選擇選項1,然而旋轉控制812的逆時針移動會自動地選擇選項3。The rotation control 812 can be navigated in different ways. For example, the user can move a pointing device from one area within the rotation control 812 to another area that causes the rotation control to rotate to display another option that is available to the user. The options presented by the pie area can be displayed in many different ways. For example, the current options used by the displayed file 814 are formatted differently than other options associated with the CUI 812. As illustrated, option 2 is bolded to show that option 2 is currently applied to the displayed file 814. Rotation control 812 is configured to rotate clockwise and counterclockwise about its center. Rotation control 812 can be configured to rotate and present different options (eg, selection of an arrow) based on selection of another region of rotation control 812 and/or using some other user interface element. This option can be automatically selected and applied to the displayed file based on the rotation of the rotation control 812, or the option can be manually selected after presenting a new option. For example, the user can rotate the rotation control of presentation option 4 and click within the display of option 4 to select the option. Alternatively, an option can be automatically selected in response to the movement of the rotation control. In the current example, the clockwise movement of the rotation control 812 automatically selects option 1, whereas the counterclockwise movement of the rotation control 812 automatically selects option 3.

旋轉控制820顯示僅具有目前運用的所顯示之選項的圖形環形使用者界面。基於旋轉控制820的旋轉,顯示下一選項。根據另一具體實施例,一旦一指向裝置進入一不同的選擇區域,可發現一選項。舉例而言,一旦一指向裝置進入在該旋轉控制內的另一選項區域,選項的名稱為可視的。以此方式,使用者可在選擇及/或旋轉該旋轉控制之前預覽該選項的名稱。根據一具體實施例,所運用的目前選項對角線地顯示在所顯示的旋轉控制之右上側部份。Rotation control 820 displays a graphical ring user interface with only the currently displayed displayed options. Based on the rotation of the rotation control 820, the next option is displayed. According to another embodiment, an option can be found once a pointing device enters a different selection area. For example, once a pointing device enters another option area within the rotation control, the name of the option is visible. In this way, the user can preview the name of the option before selecting and/or rotating the rotation control. According to a specific embodiment, the current option utilized is displayed diagonally on the upper right portion of the displayed rotation control.

旋轉控制830示例說明具有8個不同的選項和一組可經選擇以旋轉該旋轉控制的2個箭頭之一圖形環形界面。選項的數目取決於使用者可獲用及可運用至所顯示的文件之選項的數目。Rotation control 830 illustrates a graphical ring interface with one of eight different options and one set of two arrows that can be selected to rotate the rotation control. The number of options depends on the number of options available to the user and available to the displayed file.

顯示840示例說明所顯示文件842的多個旋轉控制的使用。一個以上的旋轉控制可用以與一顯示的文件互動。一般而言,每一旋轉控制經組態以根據所顯示的文件執行一不同的操作。舉例而言,旋轉控制844可使用以選擇用以顯示圖表1和圖表2的不同圖表類型,及旋轉控制846可使用以運用不同的排序至圖表1和圖表2。根據一具體實施例,旋轉控制在其所影響的顯示之角落的一者處顯示。Display 840 illustrates the use of multiple rotation controls for displayed file 842. More than one rotation control can be used to interact with a displayed file. In general, each rotation control is configured to perform a different operation depending on the displayed file. For example, rotation control 844 can be used to select different chart types for displaying Chart 1 and Chart 2, and rotation control 846 can be used to apply different rankings to Chart 1 and Chart 2. According to a specific embodiment, the rotation control is displayed at one of the corners of the display to which it is affected.

第9圖顯示用於顯示和與一旋轉控制互動的程序。Figure 9 shows the program used to display and interact with a rotation control.

在一開始操作之後,此程序移動至操作910,其中可作出何者選項呈現在旋轉控制圖形使用者界面內的決定。根據本發明的一具體實施例,呈現在一旋轉控制的選項與另一者相關聯。舉例而言,可使用一旋轉控制以選擇一類型的圖表來顯示,運用格式化至一文件,及其類似者。After the initial operation, the program moves to operation 910 where a decision can be made as to which option is presented within the rotation control graphical user interface. In accordance with an embodiment of the present invention, an option presented in one rotation control is associated with the other. For example, a rotation control can be used to select a type of chart for display, to apply formatting to a file, and the like.

根據一具體實施例,當旋轉控制首先顯示時,顯示一目前選擇的選項。目前運用/選擇的選項可提供一特徴已關閉的指示。舉例而言,當一選項開啟或關閉時,一指示可顯示:該選項為關閉(例如見第3C圖中的顯示330,其顯示具有顯示的“No Sort”之旋轉控制)。目前運用的選項亦可對該使用者顯示目前運用於所顯示的文件的一選項,例如圖表。舉例而言,當該旋轉控制包含用於圖表類型的選項(例如線、條狀、區域),在選單中的描述內提供所顯示圖表的類型。According to a specific embodiment, when the rotation control is first displayed, a currently selected option is displayed. The currently applied/selected option provides an indication that the feature has been turned off. For example, when an option is turned on or off, an indication can be displayed that the option is off (see, for example, display 330 in Figure 3C, which shows the rotation control with the display "No Sort"). The currently used option can also display to the user an option currently applied to the displayed file, such as a chart. For example, when the rotation control includes options for the type of chart (eg, line, strip, area), the type of chart displayed is provided within the description in the menu.

移動至操作920,顯示該旋轉控制。根據一具體實施例,僅顯示目前運用的選項。根據一具體實施例,顯示一個以上的選項。舉例而言,在該旋轉控制內和在該旋轉控制附近顯示全部或一些選項。在顯示所有選項的情況中,可運用不同的格式化至目前運用的選項(例如粗體、不同的顏色、較大的字型、及其類似者)。根據一具體實施例,旋轉控制在其所影響的顯示之角落的一者處顯示。一個以上的旋轉控制可與所顯示的文件使用。舉例而言,在前文呈現的實例中,提供排序選項的旋轉控制可在一角落示例說明,及提供不同的圖表選項的一旋轉控制可在另一角落提供。Moving to operation 920, the rotation control is displayed. According to a specific embodiment, only the currently used options are displayed. According to a specific embodiment, more than one option is displayed. For example, all or some of the options are displayed within the rotation control and near the rotation control. In the case where all options are displayed, different formatting can be applied to the currently used options (eg bold, different colors, larger fonts, and the like). According to a specific embodiment, the rotation control is displayed at one of the corners of the display to which it is affected. More than one rotation control can be used with the displayed file. For example, in the examples presented above, the rotation control that provides the sorting options can be illustrated in a corner, and a rotation control that provides different chart options can be provided in another corner.

移動至操作930,可監控使用者輸入以決定何時更新該旋轉控制。使用者輸入可來自許多不同類型的輸入裝置,例如一觸控螢幕、一滑鼠、一觸控筆、及其類似者。Moving to operation 930, user input can be monitored to determine when to update the rotation control. User input can come from many different types of input devices, such as a touch screen, a mouse, a stylus, and the like.

移動至決定操作940,可基於使用者輸入作出是否更新該旋轉控制的顯示之決定。根據一具體實施例,當使用者在目前未運用的選項之該旋轉控制之內的一區域時,該旋轉控制根據所選擇的位置順時針或逆時針地旋轉。使用者亦可選擇旋轉控制的一些其它區域,例如一箭頭指示器,以為了旋轉該旋轉控制。當該旋轉控制未更新時,程序返回操作930。當更新該旋轉控制時,程序移動至決策操作950。Moving to decision operation 940, a determination can be made whether to update the display of the rotation control based on user input. According to a specific embodiment, when the user is in an area within the rotational control of the currently unused option, the rotation control is rotated clockwise or counterclockwise depending on the selected position. The user may also select some other area of the rotation control, such as an arrow indicator, in order to rotate the rotation control. When the rotation control is not updated, the program returns to operation 930. When the rotation control is updated, the program moves to decision operation 950.

在決策操作950處,可作出是否選擇該選項的決定。根據一具體實施例,可根據該旋轉控制的旋轉,自動地選擇該選項。根據另一具體實施例,在該旋轉控制的顯示經更新以顯示由該旋轉控制的旋轉所導致的選項後,可由使用者手動地選擇該選項。當該選項未被自動地選擇以被運用,程序移動至操作960。當該選項自動地被選擇和運用至所顯示的文件,程序移動至操作960,其中該選項被運用。At decision operation 950, a decision can be made whether to select the option. According to a specific embodiment, the option can be automatically selected based on the rotation of the rotation control. According to another embodiment, the option can be manually selected by the user after the display of the rotation control is updated to display the option resulting from the rotation of the rotation control. When the option is not automatically selected to be applied, the program moves to operation 960. When the option is automatically selected and applied to the displayed file, the program moves to operation 960 where the option is applied.

在操作960處,該選項運用至所顯示的文件。舉例而言,當使用者使得該旋轉控制旋轉至另一選項,例如一不同的排序選項,此選項運用至所顯示的圖表,及其根據旋轉該旋轉控制所導致的選項來排序。At operation 960, the option is applied to the displayed file. For example, when the user rotates the rotation control to another option, such as a different sorting option, this option is applied to the displayed chart and its ordering according to the options resulting from rotating the rotation control.

在操作970處,更新該旋轉控制的顯示。當在步驟960中該選項被選擇和運用,更新該旋轉控制以顯示目前所運用的選項。根據另一具體實施例,可更新一旋轉控制以顯示一選項的預覽。舉例而言,當使用者置放一游標(或一些其它指向裝置)於相鄰於目前所選擇選項的一區域中,及此選項的顯示可顯示至該使用者。At operation 970, the display of the rotation control is updated. When the option is selected and applied in step 960, the rotation control is updated to display the currently applied options. According to another embodiment, a rotation control can be updated to display a preview of an option. For example, when the user places a cursor (or some other pointing device) in an area adjacent to the currently selected option, and the display of this option can be displayed to the user.

移動至決策操作980,當決定時可解除該旋轉控制。舉例而言,當運用該旋轉控制的所顯示的文件不再顯示時,該旋轉控制可自動地解除。該使用者亦可藉由選擇一選項以隱藏該旋轉控制來解除一旋轉控制。Moving to decision operation 980, the rotation control can be released when deciding. For example, when the displayed file using the rotation control is no longer displayed, the rotation control can be automatically released. The user can also release a rotation control by selecting an option to hide the rotation control.

程序而後可移動至終點操作,及返回以處理其它操作。The program can then be moved to the end point operation and returned to handle other operations.

前述說明書、實例、和資料提供製造的完整描述,和發明的合成之使用。因為本發明的許多具體實施例可不偏離本發明的精神和範圍來進行,本發明駐留於後文隨附的申請專利範圍中。The foregoing description, examples, and materials provide a complete description of the manufacture and use of the synthesis of the invention. Since many specific embodiments of the invention can be made without departing from the spirit and scope of the invention, the invention resides in the scope of the appended claims.

5...中央處理單元5. . . Central processing unit

7...系統記憶體7. . . System memory

9...隨機存取記憶體9. . . Random access memory

10...電腦10. . . computer

11...唯讀記憶體11. . . Read only memory

12...系統匯流排12. . . System bus

14...主儲存裝置14. . . Main storage device

16...作業系統16. . . working system

18...網路18. . . network

20...網路界面單元20. . . Network interface unit

22...輸入/輸出控制器twenty two. . . Input/output controller

24...生產力應用程式twenty four. . . Productivity application

26...視覺化管理器26. . . Visual manager

28...使用者界面28. . . User interface

29...旋轉控制使用者界面29. . . Rotation control user interface

200...系統200. . . system

205...輸入205. . . Input

210...回叫代碼210. . . Callback code

215...格式化215. . . format

225...圖表化225. . . Charting

230...其它應用程式230. . . Other applications

240...資料儲存庫240. . . Data repository

310...顯示310. . . display

315...選擇315. . . select

320...使用者界面320. . . User interface

330...顯示330. . . display

334...圖表334. . . chart

336...圖表336. . . chart

337...共同軸337. . . Common axis

338...點338. . . point

339...點339. . . point

410...顯示410. . . display

412...條狀圖表412. . . Bar chart

414...男人的列之資料的圖表414. . . Chart of information of man's column

420...顯示420. . . display

422...參考線422. . . reference line

424...資料424. . . data

430...顯示430. . . display

432...點432. . . point

510...顯示510. . . display

512...男人的圖表512. . . Man's chart

514...女人的圖表514. . . Woman's chart

516...旋轉控制516. . . Rotation control

810...顯示810. . . display

812...旋轉控制812. . . Rotation control

814...文件814. . . file

820...旋轉控制820. . . Rotation control

830...旋轉控制830. . . Rotation control

840...顯示840. . . display

842...所顯示的文件842. . . Displayed file

844...旋轉控制844. . . Rotation control

846...旋轉控制846. . . Rotation control

第1圖示例說明用於一電腦的一電腦架構。Figure 1 illustrates a computer architecture for a computer.

第2圖顯示一實例臨時格式化和圖表化系統。Figure 2 shows an example temporary formatting and charting system.

第3-5圖顯示用於臨時地對所選擇資料格式化和圖表化的實例使用者界面和顯示。Figures 3-5 show example user interfaces and displays for temporarily formatting and graphing selected materials.

第6圖示例說明用於臨時地對所選擇資料圖表化的程序。Figure 6 illustrates a procedure for temporarily graphing selected materials.

第7圖顯示用以臨時地對所顯示圖表格式化的程序。Figure 7 shows a program for temporarily formatting the displayed chart.

第8圖示例說明使用於選擇一選項的一示例性旋轉控制環形使用者界面。Figure 8 illustrates an exemplary rotary control ring user interface for selecting an option.

第9圖顯示用於顯示和與一旋轉控制互動的程序。Figure 9 shows the program used to display and interact with a rotation control.

812...旋轉控制812. . . Rotation control

814...文件814. . . file

820...旋轉控制820. . . Rotation control

830...旋轉控制830. . . Rotation control

840...顯示840. . . display

842...所顯示的文件842. . . Displayed file

844...旋轉控制844. . . Rotation control

846...旋轉控制846. . . Rotation control

Claims (20)

一種使用一旋轉控制來臨時地對資料格式化和圖表化的方法,其包含以下步驟:接收資料的一使用者選擇,該等資料目前顯示在一顯示器上;決定在該選擇資料內的數值;自動地在一圖表中顯示第一資訊,該第一資訊代表來自該選擇資料的數值;其中該圖表係回應於接收到資料的該使用者選擇而自動地產生和顯示;及顯示一旋轉控制,該旋轉控制繞著一中心點旋轉,且包含安排在該中心點周圍之圓餅區域中的選項,當該等選項被選擇時,在該圖表中顯示第二資訊,該第二資訊代表來自該選擇資料的該等數值;其中該中心點係位於相鄰該圖表處,且其中該旋轉的一部分係部分由該圖表的一顯示所隱藏,該旋轉控制可經運作以影響該圖表的該顯示。 A method for temporarily formatting and graphing data using a rotation control, comprising the steps of: receiving a user selection of the data, the data is currently displayed on a display; determining a value within the selected data; Automatically displaying first information in a chart, the first information representing a value from the selected material; wherein the chart is automatically generated and displayed in response to the user selection of the received data; and displaying a rotation control, The rotation control rotates about a center point and includes an option arranged in a pie area around the center point, and when the options are selected, a second message is displayed in the chart, the second information representative from the The values of the data are selected; wherein the center point is located adjacent to the chart, and wherein a portion of the rotation is hidden by a display of the chart, the rotation control being operable to affect the display of the chart. 如申請專利範圍第1項所述之方法,其中該旋轉控制順時針或逆時針地旋轉,其中該旋轉控制的移動呈現不同的選項以運用至該圖表。 The method of claim 1, wherein the rotation control is rotated clockwise or counterclockwise, wherein the movement of the rotation control presents different options for applying to the chart. 如申請專利範圍第2項所述之方法,進一步包含以下步驟:回應於決定一指向裝置選擇在該旋轉控制內的一 圓餅區域(pie區域),而旋轉該旋轉控制以呈現不同的選項,該旋轉控制係在代表一目前運用的選項之該圓餅區域(pie區域)的外部。 The method of claim 2, further comprising the step of: in response to determining that a pointing device selects one of the rotation controls The pie area (pie area), while rotating the rotation control to present different options, is outside the pie area (pie area) representing a currently used option. 如申請專利範圍第2項所述之方法,其中該旋轉控制的一旋轉自動地選擇另一選項,和運用該另一選項至該顯示的圖表。 The method of claim 2, wherein a rotation of the rotation control automatically selects another option and applies the other option to the displayed chart. 如申請專利範圍第2項所述之方法,其中該旋轉控制的該中心點係位於該顯示的圖表的一角落。 The method of claim 2, wherein the center point of the rotation control is located at a corner of the displayed chart. 如申請專利範圍第5項所述之方法,進一步包含以下步驟:在該顯示的圖表的一第二角落處顯示一第二旋轉控制,其中該第二旋轉控制包含:用以執行在該顯示的圖表上的一第二組選項之選項。 The method of claim 5, further comprising the step of: displaying a second rotation control at a second corner of the displayed graph, wherein the second rotation control comprises: performing on the display An option for a second set of options on the chart. 如申請專利範圍第2項所述之方法,其中該旋轉控制包含:用於排序該顯示的圖表或改變該顯示的圖表之一類型的選項。 The method of claim 2, wherein the rotation control comprises: an option for sorting the displayed chart or changing a type of the displayed chart. 如申請專利範圍第2項所述之方法,進一步包含以下步驟:僅顯示目前運用至該旋轉控制內的該圖表之選項的一名稱,及在旋轉該旋轉控制之後呈現一選項的一不同名稱。 The method of claim 2, further comprising the steps of: displaying only a name of an option currently applied to the chart within the rotation control, and presenting a different name of an option after rotating the rotation control. 一種具有用以與一旋轉控制圖形使用者界面互動的電腦可執行指令之電腦可讀取儲存媒體,該電腦可讀取儲存媒體不包含一信號,在一電腦的一處理器上執行的指令包含執行以下步驟之指令:回應於接收資料的一使用者選擇,而自動地顯示一文件,該文件具有第一資訊且該第一資訊係由資料的該使用者選擇內的數值而產生;決定呈現在一旋轉控制內的選項;其中該等選項當經選擇時係運用至該顯示的文件;在該顯示的文件附近顯示該旋轉控制,該旋轉控制部分由該顯示的文件所遮蔽;其中該旋轉控制根據呈現在該旋轉控制內的所決定選項,分成數個圓餅區域(pie區域);其中該等圓餅區域(pie區域)的每一者代表該所決定選項中的一者;監視使用者輸入以決定何時與該旋轉控制互動;回應於該旋轉控制係由該使用者輸入操作而更新該旋轉控制的一顯示,此舉造成該旋轉控制的一不同部分被該顯示的文件部分地遮蔽;其中該旋轉控制圍繞一中心點旋轉;及回應於該旋轉控制的旋轉而運用選擇的一選項,使得該文件顯示第二資訊,該第二資訊代表資料的該使用者選擇內的該等數值。 A computer readable storage medium having computer executable instructions for interacting with a rotational control graphical user interface, the computer readable storage medium not including a signal, instructions executed on a processor of a computer include Executing the following steps: in response to a user selection of the received data, automatically displaying a file having the first information and the first information is generated by the value selected by the user of the data; An option within a rotation control; wherein the options are applied to the displayed file when selected; the rotation control is displayed adjacent the displayed file, the rotation control portion being obscured by the displayed file; wherein the rotation Control is divided into a plurality of pie regions (pie regions) according to the determined options presented within the rotation control; wherein each of the pie regions (pie regions) represents one of the determined options; monitoring uses Input to determine when to interact with the rotation control; in response to the rotation control being updated by the user input operation, a display of the rotation control is updated, This causes a different portion of the rotation control to be partially obscured by the displayed document; wherein the rotation control rotates about a center point; and the selected one of the options is applied in response to the rotation of the rotation control such that the file displays the second Information, the second information represents the value within the user selection of the material. 如申請專利範圍第9項所述之電腦可讀取儲存媒體,其中該旋轉控制順時針及逆時針地旋轉,其中該旋轉控制的旋轉呈現不同的選項以運用至該顯示的文件。 The computer readable storage medium of claim 9, wherein the rotation control is rotated clockwise and counterclockwise, wherein the rotation of the rotation control presents different options for applying to the displayed file. 如申請專利範圍第10項所述之電腦可讀取儲存媒體,其中當該旋轉控制旋轉時呈現在該旋轉控制的一圓餅區域(pie區域)內的該選項自動地被運用,其對角線地顯示至該顯示的文件。 The computer readable storage medium of claim 10, wherein the option displayed in a pie area (pie area) of the rotation control when the rotation control is rotated is automatically applied, diagonally Display to the displayed file. 如申請專利範圍第10項所述之電腦可讀取儲存媒體,進一步包含執行以下步驟之指令:回應於決定一指向裝置選擇在該旋轉控制內的一區域,而旋轉該旋轉控制以呈現不同的選項,該旋轉控制係在代表一目前運用的選項之該圓餅區域(pie區域)的外部。 The computer readable storage medium of claim 10, further comprising instructions for: in response to determining that a pointing device selects an area within the rotation control, and rotating the rotation control to present a different one Alternatively, the rotation control is external to the pie area (pie area) representing a currently used option. 如申請專利範圍第11項所述之電腦可讀取儲存媒體,其中在一使用者手動地選擇該選項以供對該顯示的文件的應用之前,該旋轉控制的一旋轉提供一選項的一名稱之一顯示。 The computer readable storage medium of claim 11, wherein a rotation of the rotation control provides a name of an option before a user manually selects the option for application to the displayed file. One shows. 如申請專利範圍第12項所述之電腦可讀取儲存媒體,其中該旋轉控制位該顯示的文件之一角落。 The computer readable storage medium of claim 12, wherein the rotation control bit is located at a corner of the displayed file. 如申請專利範圍第10項所述之電腦可讀取儲存媒體,進一步包含執行以下步驟之指令:僅顯示目前運用至該旋轉控制內的該顯示的文件之選項的一名稱,及在旋轉該旋轉控制之後呈現一選項的一不同名稱。 The computer readable storage medium of claim 10, further comprising instructions for: displaying only a name of an option currently applied to the displayed file within the rotation control, and rotating the rotation A different name for an option is presented after control. 如申請專利範圍第9項所述之電腦可讀取儲存媒體,其中該旋轉控制部分由該顯示的文件所遮蔽之步驟,進一步包括:將該旋轉控制的一經遮蔽的部分顯示為一半透明部分。 The computer readable storage medium of claim 9, wherein the step of masking the rotation control portion by the displayed file further comprises: displaying a shaded portion of the rotation control as a semi-transparent portion. 一種用以顯示和與一旋轉控制圖形使用者界面元件互動的系統,其包含:一處理器和電腦可讀取媒體;一作業環境,其儲存在該電腦可讀取媒體上和在處理器上執行;一顯示器,其用以顯示一文件和一旋轉控制;一視覺化管理器,其在該處理器上操作;及經組態以執行任務,其包含:回應於接收資料的一使用者選擇,而自動地顯示一文件,該文件具有第一資訊且該第一資訊係由資料的該使用者選擇內的數值而產生;決定呈現在該旋轉控制內的選項;其中該等選項當經選擇時係運用至該顯示的文件;在該文件的一顯示附近在該顯示器上顯示該旋轉控 制,該旋轉控制由該顯示的文件所部分遮蔽;其中該旋轉控制根據呈現在該旋轉控制內的所決定選項,分成數個圓餅區域(pie區域);其中該等圓餅區域(pie區域)的每一者代表該所決定選項中的一者;監視使用者輸入以決定何時啟動該旋轉控制;回應於該旋轉控制被啟動而更新該旋轉控制的一顯示,此舉造成該旋轉控制的一不同部分被該顯示的文件部分地遮蔽;其中該旋轉控制圍繞一中心點旋轉;回應於該旋轉控制的該旋轉而自動地運用選擇的一選項,使得該文件顯示第二資訊,該第二資訊代表資料的該使用者選擇內的該等數值;及回應於該顯示的文件從該顯示中移除,而從該顯示器移除該旋轉控制。 A system for displaying and interacting with a rotational control graphical user interface component, comprising: a processor and computer readable media; a work environment stored on the computer readable medium and on the processor Executing; a display for displaying a file and a rotation control; a visualization manager operating on the processor; and configured to perform a task, the method comprising: responding to a user selection of receiving data Automatically displaying a file having first information and the first information is generated by a value selected by the user of the material; determining an option presented within the rotation control; wherein the options are selected The time is applied to the displayed file; the rotation control is displayed on the display near a display of the file The rotation control is partially obscured by the displayed document; wherein the rotation control is divided into a plurality of pie regions (pie regions) according to the determined options presented within the rotation control; wherein the pie regions (pie regions) Each of the representatives represents one of the determined options; monitoring user input to determine when to initiate the rotation control; responding to the rotation control being activated to update a display of the rotation control, thereby causing the rotation control A different portion is partially obscured by the displayed document; wherein the rotation control is rotated about a center point; the selected one of the options is automatically applied in response to the rotation of the rotation control such that the file displays the second information, the second The information represents the value within the user selection of the material; and the file in response to the display is removed from the display and the rotation control is removed from the display. 如申請專利範圍第17項所述之系統,其中該旋轉控制順時針及逆時針地旋轉,其中該旋轉控制的該旋轉呈現不同的選項以運用至該文件;其中該目前運用的選項呈現在該旋轉控制的一圓餅區域(pie區域)內,其對角線地顯示至該文件。 The system of claim 17, wherein the rotation control rotates clockwise and counterclockwise, wherein the rotation of the rotation control presents different options for applying to the file; wherein the currently applied option is presented in the Within a pie area (pie area) of the rotation control, it is diagonally displayed to the file. 如申請專利範圍第18項所述之系統,進一步包含執行以下任務:回應於決定一指向裝置選擇在該旋轉控制內的一圓餅區域(pie區域),而旋轉該旋轉控制以呈現不同的選項,該旋轉控制係在代表一目前運用的選項之 該圓餅區域(pie區域)的外部。 The system of claim 18, further comprising the task of: in response to determining that a pointing device selects a pie region (pie region) within the rotation control, and rotating the rotation control to present different options, The rotation control is representative of a currently used option The outside of the pie area (pie area). 如申請專利範圍第18項所述之系統,其中該旋轉控制位於該文件的一角落。The system of claim 18, wherein the rotation control is located at a corner of the document.
TW100109576A 2010-04-30 2011-03-21 Method and system for spin control user interface for selecting options, and computer-readable storage medium for recording related instructions thereon TWI520042B (en)

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
US12/771,422 US9367198B2 (en) 2010-04-30 2010-04-30 Spin control user interface for selecting options

Publications (2)

Publication Number Publication Date
TW201203083A TW201203083A (en) 2012-01-16
TWI520042B true TWI520042B (en) 2016-02-01

Family

ID=46634637

Family Applications (1)

Application Number Title Priority Date Filing Date
TW100109576A TWI520042B (en) 2010-04-30 2011-03-21 Method and system for spin control user interface for selecting options, and computer-readable storage medium for recording related instructions thereon

Country Status (2)

Country Link
AR (1) AR081245A1 (en)
TW (1) TWI520042B (en)

Also Published As

Publication number Publication date
AR081245A1 (en) 2012-07-18
TW201203083A (en) 2012-01-16

Similar Documents

Publication Publication Date Title
US11385786B2 (en) Spin control user interface for selecting options
TWI531953B (en) Temporary formatting and charting of selected data
EP3594827B1 (en) Document-based workflows
US8166387B2 (en) DataGrid user interface control with row details
EP3726361A1 (en) Systems and methods for providing drag and drop analytics in a dynamic data visualization interface
US20090150823A1 (en) Apparatus and Method for Improved Window Management in a Grid Management System
US20130111406A1 (en) Visually Representing a Menu Structure
JP3565441B2 (en) Data processing system
US20150324068A1 (en) User interface structure (uis) for geographic information system applications
US20040017402A1 (en) Previewing next state based on potential action in current state
TWI520042B (en) Method and system for spin control user interface for selecting options, and computer-readable storage medium for recording related instructions thereon
JP2019082747A (en) Document processing apparatus and document processing program
US10860162B2 (en) Supervisory control system for controlling a technical system, a method and computer program products
JP2009211283A (en) Cursor management device and computer program
CN114356183A (en) Time input method and device, electronic equipment and storage equipment

Legal Events

Date Code Title Description
MM4A Annulment or lapse of patent due to non-payment of fees