Source: https://patents.google.com/patent/US10120544B2/en
Timestamp: 2019-05-23 13:19:42
Document Index: 644780327

Matched Legal Cases: ['Application No. 62', 'art 280', 'art 282', 'art 284', 'arts 280', 'arts 280', 'art 280', 'art 296', 'art 296', 'art 296', 'art 296', 'art 296', 'art 296', 'art 296', 'art 303', 'art 303', 'art 303', 'art 400', 'art 400', 'art 400', 'art 400', 'art 400', 'art 400', 'art 400', 'art 400', 'art 400', 'art 400', 'art 400', 'art 400', 'art 400', 'art 500', 'art 500', 'art 500', 'art 500', 'art 500', 'art 500', 'art 500', 'art 500', 'art 500', 'art 600', 'art 600', 'art 600', 'art 600', 'art 600', 'art 600', 'art 600', 'art 600', 'art 600', 'art 600', 'art 600', 'art 600', 'art 600', 'art 650', 'art 650', 'art 650', 'art 650', 'art 650', 'art 650', 'art 682', 'art 682', 'art 682', 'art 682', 'art 682', 'art 682', 'art 682', 'art 682', 'art 682', 'art 682', 'art 682', 'art 682', 'art 690', 'art 690', 'art 690', 'art 682', 'art 682', 'art 690', 'art 690', 'art 682', 'art 690', 'art 695', 'art 695', 'art 695', 'art 690', 'art 682', 'art 690', 'art 695', 'art 695', 'art 690', 'art 695', 'art 682', 'art 690', 'art 695', 'art.\n3', 'art.\n13', 'art.\n15']

US10120544B2 - Chart selection tooltip - Google Patents
Chart selection tooltip Download PDF
US10120544B2
US10120544B2 US14/665,222 US201514665222A US10120544B2 US 10120544 B2 US10120544 B2 US 10120544B2 US 201514665222 A US201514665222 A US 201514665222A US 10120544 B2 US10120544 B2 US 10120544B2
US14/665,222
US20160103581A1 (en
Jean Elie Bovet
2014-10-10 Priority to US201462062722P priority Critical
2015-03-23 Application filed by salesforce com Inc filed Critical salesforce com Inc
2015-03-23 Priority to US14/665,222 priority patent/US10120544B2/en
2015-03-23 Assigned to SALESFORCE.COM, INC. reassignment SALESFORCE.COM, INC. ASSIGNMENT OF ASSIGNORS INTEREST (SEE DOCUMENT FOR DETAILS). Assignors: BOVET, JEAN ELIE, KIM, YUSEUNG
2016-04-14 Publication of US20160103581A1 publication Critical patent/US20160103581A1/en
2018-11-06 Publication of US10120544B2 publication Critical patent/US10120544B2/en
Some embodiments of the present invention include an apparatus for enabling a tooltip to view information associated with portions of charts displayed on a display screen of a mobile computing device and include a processor, and one or more stored sequences of instructions which, when executed by the processor, cause the processor to display information associated with a chart on a display screen of a mobile computing system using a first chart type, the information including label information and value information Based on detecting a selection of a portion of the chart, cause the tooltip to be displayed on the display screen of the mobile computing system, the tooltip displaying label information and value information associated with the selected portion of the chart, the tooltip including a navigation tool to enable navigating and updating the tooltip with label information and value information associated with different portions of the chart.
This application claims the benefit of U.S. Provisional Patent Application No. 62/062,722, filed on Oct. 10, 2014, which is hereby incorporated by reference.
The present disclosure relates generally to data processing, and more specifically relates to mobile analytics and the provision of a chart selection tooltip.
In the operation of a mobile computing system, such as, for example a smartphone, selecting and seeing one record from a chart is very difficult, particular if the value is too small to easily select.
Some conventional systems may allow for zooming in to select a portion of a chart, and then zooming out in order to view the real value and label of the chosen portion. However, this is an awkward process, particularly if a user wants to examine multiple values in a chart. Zooming in/out to select a portion of a chart is an inefficient and cumbersome process for viewing charts on a mobile computing system, and is particularly inefficient when there is a significant amount of gesture interaction occurring in the chart and touchscreen.
Thus, there is a need for a more convenient and user-friendly technology for accessing charts on a device having limited screen space, such as a smartphone or other mobile computing system.
For some embodiments, methods and apparatus for viewing chart related information using a computing system with a small display screen includes displaying information associated with a chart on a display screen of a mobile computing system using a chart type, the information including label information and value information. Based on detecting a selection of a portion of the chart, causing a tooltip to be displayed on the display screen of the mobile computing system, the tooltip displaying label information and value information associated with the selected portion of the chart. The tooltip includes a navigation tool configured to enable the tooltip to display label information and value information associated with remaining portions of the chart. The navigation tool includes a first navigation to enable displaying label information and value information associated with a previous portion of the chart relative to the selected portion of the chart and a second navigation to enable displaying label information and value information associated with a next portion of the chart relative to the selected portion of the chart.
FIG. 1 shows a diagram of an example computing system 102 that may be used with some embodiments of the present invention.
FIG. 2A shows a diagram of an example network environment that may be used with some embodiments of the present invention.
FIGS. 2B, 2C and 2D illustrate different charts that may be displayed on a display screen of a computing system, in accordance with some embodiments.
FIG. 2E illustrates an example tooltip to enable better viewing of chart information, in accordance with some embodiments.
FIG. 2F shows an example vertical bar chart displayed on a display screen, in accordance with some embodiments.
FIG. 3A shows an example display subsystem, in accordance with some embodiments.
FIG. 3B shows an example tool tip module, in accordance with some embodiments.
FIGS. 3C and 3D show example modules that may be included in the chart module, in accordance with some embodiments.
FIGS. 4A through 6K show images of a display screen of a mobile computing system, the images including examples of using a tooltip with charts to view chart information, in accordance with some embodiments.
FIGS. 6L through 6N show images of a display screen of a mobile computing system, the images including examples of line charts having line segments with different line thickness, in accordance with some embodiments.
FIG. 7A shows a flowchart of an example process for enabling a tooltip to enable viewing chart information when using a mobile computing system, performed in accordance with some embodiments.
FIG. 7B shows a flowchart of an example process for updating a position of a tooltip to enable viewing chart information when using a mobile computing system, performed in accordance with some embodiments.
FIG. 7C shows a flowchart of an example process for displaying the label and value information in a tooltip using a mobile computing system, performed in accordance with some embodiments.
FIG. 7D shows a flowchart of an example process for displaying a line chart using line segments having thickness based on density of information, in accordance with some embodiments.
FIG. 8A shows a system diagram 800 illustrating architectural components of an applicable environment, in accordance with some embodiments.
FIG. 9 shows a system diagram 910 illustrating the architecture of a multitenant database environment, in accordance with some embodiments.
FIG. 10 shows a system diagram 910 further illustrating the architecture of a multi-tenant database environment, in accordance with some embodiments.
As used herein, the term “mobile computing system” refers to a smartphone, smartwatch, tablet computer, notebook or laptop computer, handheld computer, mobile Internet device, wearable technology, or other mobile electronic device that includes processing and display capability. The term “chart” refers any visual or graphical representation of data values, including, for example, pie charts, bar charts, line graphs, and other similar representations of data values.
The disclosed embodiments may include a method for displaying chart information using a display screen of a mobile computing system. The method includes displaying information associated with a chart on a display screen of a mobile computing system using a chart type, the information including label information and value information. Based on detecting a selection of a portion of the chart, causing a tooltip to be displayed on the display screen of the mobile computing system, the tooltip displaying label information and value information associated with the selected portion of the chart. The tooltip includes a navigation tool configured to enable the tooltip to display label information and value information associated with remaining portions of the chart. The navigation tool includes a first navigation to enable displaying label information and value information associated with a previous portion of the chart relative to the selected portion of the chart and a second navigation to enable displaying label information and value information associated with a next portion of the chart relative to the selected portion of the chart.
The disclosed embodiments may include an apparatus for viewing chart information using display screen of a mobile computing system and include a processor, and one or more stored sequences of instructions which, when executed by the processor, cause the processor to display information associated with a chart on a display screen of a mobile computing system using a chart type, the information including label information and value information. Based on detecting a selection of a portion of the chart, cause a tooltip to be displayed on the display screen of the mobile computing system, the tooltip displaying label information and value information associated with the selected portion of the chart.
The disclosed embodiments may include a machine-readable medium carrying one or more sequences of instructions for displaying information, which instructions, when executed by one or more processors, cause the one or more processors to display information associated with a chart on a display screen of a mobile computing system using a chart type, the information including label information and value information. Based on detecting a selection of a portion of the chart, cause a tooltip to be displayed on the display screen of the mobile computing system, the tooltip displaying label information and value information associated with the selected portion of the chart, the tooltip including a navigation tool to enable navigating and updating the tooltip with label information and value information associated with different portions of the chart.
The disclosed embodiments may be related to presenting chart information using a display screen with limited screen space such as a display screen of a mobile computing system. The described subject matter may be implemented in the context of any computer-implemented system, such as a software-based system, a database system, a multi-tenant environment, or the like. Moreover, the described subject matter may be implemented in connection with two or more separate and distinct computer-implemented systems that cooperate and communicate with one another. One or more implementations may be implemented in numerous ways, including as a process, an apparatus, a system, a device, a method, a computer readable medium such as a computer readable storage medium containing computer readable instructions or computer program code, or as a computer program product comprising a computer usable medium having a computer readable program code embodied therein.
FIG. 1 is a diagram of an example computing system that may be used with some embodiments of the present invention. The computing system 102 may be used by a user to view information associated with a multi-tenant database environment. For example, the multi-tenant database environment may be associated with the services provided by Salesforce.com®. The computing system 102 may also be used to retrieve information that relate to one or more charts from the storage area.
FIG. 1 include a local area network (LAN) 171 and a wide area network (WAN) 173, but may also include other networks. Such networking environments are commonplace in offices, enterprise-wide computer networks, intranets and the Internet.
FIG. 2A shows a diagram of an example network environment that may be used with some embodiments of the present invention. Network environment 200 includes computing systems 205 and 212. One or more of the computing systems 205 and 212 may be a mobile computing system. The computing systems 205 and 212 may be connected to the network 250 via a cellular connection or via a Wi-Fi router (not shown). The network 250 may be the Internet. The computing systems 205 and 212 may be coupled with server computing system 255 via the network 250.
The computing systems 205 may include application module 208. A user may use the computing system 205 and the application module 208 to connect to and communicate with the server computing system 255 and log into application 257 (e.g., a Salesforce.com® application). The server computing system 255 may be coupled with database 270. The server computing system 255 may be associated with an entity (e.g., Salesforce.com®). The user may be associated with a customer of the entity. The user may request for information from the application server 255 and may view the information on a display screen associated with the computing system 205. The information may be displayed together with one or more charts.
FIGS. 2B, 2C and 2D illustrate different charts that may be displayed on a display screen of a computing system, in accordance with some embodiments. A computing system may be a mobile computing system and may have a small display screen. When a chart is displayed on a small display screen, the information on the chart may not be as readable as when the chart is displayed on a larger screen. As examples of displaying charts using a small display screen, a doughnut chart 280 is shown in FIG. 2B, a vertical bar chart 282 is shown in FIG. 2C, and a horizontal bar chart 284 is shown in FIG. 2D. As shown in the examples, the information associated with various portions of the charts 280, 282 and 284 is difficult to read. The small screen size also makes it difficult to select or interact with any portions of the charts 280, 282 and 284.
FIG. 2E illustrates an example tooltip to enable better viewing of chart information, in accordance with some embodiments. Tooltip 290 (which may also be referred to as an image, icon, or other term) may be used to enable better viewing of information associated with selected portions of a chart such as the chart 280, 282 or 284. For some embodiments, the tooltip 290 is enabled when a portion of the chart is selected, such as a selection by a detected touch on a touchscreen. When enabled, the tooltip 290 may display label information 294 associated with the selected portion of a chart and value information 292 associated with the selected portion of the chart. For some embodiments, the label information 294 and/or the value information 292 may be scrolled in circumstances in which the label information 294 and/or value information 292 is too long to fit due to the size of the tooltip 290.
For some embodiments, the tooltip 290 includes a navigation tool 298. The navigation tool 298 may include options to navigate in different directions to enable viewing information associated with different portions of the chart. For example, the navigation tool 298 may include one or more navigation buttons, which may include a first navigation 291 (e.g., a first button) to enable viewing information associated with a first portion of the chart in a first direction (e.g., a “previous” portion) and a second navigation 293 (e.g., a second button) to enable viewing information associated with a second portion of the chart in a second direction (e.g., a “next” portion). For some embodiments, the navigation tool 298 may include one or more of a left navigation, right navigation, up navigation and down navigation. The navigation is based on a currently selected portion of the chart. It should be noted that, although the tooltip 290 is shown in FIG. 2E as a horizontal bar, the tooltip 290 can be implemented in any form as long as the tooltip 290 can be used to enable displaying at least the label information 294, the value information 292, and the navigation tool.
For some embodiments, the tooltip 290 is a part of the graphical user interface (GUI) for accessing information on a computing system. For some embodiments, the tooltip 290 may be displayed on a screen, such as a touch screen of a computing system. For some embodiments, the tooltip 290 may also or alternatively be displayed on an external screen, such as television or external screen that is displaying data from a mobile computing system.
For some embodiments, the tooltip 290 is moveable to different positions on a display screen (e.g., a display screen of a mobile computing system). For example, a user may drag the tooltip 290 from a current position to a different position if tooltip 290 is covering any portion of the chart that the user wishes to view. For some embodiments, the tooltip 290 is highly flexible and is configured to allow a user to easily select a tiny portion of a chart without zooming in to or zooming out of the chart to view the label information and the value information for such portion of the chart.
FIG. 2F shows an example vertical bar chart displayed on a display screen, in accordance with some embodiments. The display screen in this example may be larger than a display screen of a mobile computing system and is used in this example to show the relationship between the tooltip 290 and the vertical bar chart 296. As shown FIG. 2F, the vertical bar chart 296 is displayed with the tooltip 290. The tooltip 290 may be enabled by touching a portion of the vertical bar chart 296 to select a desired portion. Other methods of selecting the portion of the bar chart 296 may also be implemented. For some embodiments, the selected portion may be displayed in a manner to identify the portion, such as causes all non-selected portions to be displayed in gray and the selected portion to be displayed in a color, which may be the color of the selected portion prior to the enablement of the tooltip 290.
The vertical bar chart 296 includes label information section 291 and value information section 292. The tooltip 290 is set to display the label information and the value information associated with a particular selected portion of the vertical bar chart 296. In this example, the selected portion of the vertical bar chart 296 is the vertical bar 298, and the label information 297 associated with the vertical bar 298 may be highlighted (e.g., displayed in bold). When the vertical bar 298 is selected, the tooltip 290 may display the label information 297 and may further display the corresponding value information.
FIG. 3A shows an example display subsystem, in accordance with some embodiments. Display subsystem 300 may be associated with a computing system that is used to display a tooltip such as the tooltip 290 shown in FIG. 2E. The display subsystem 300 represents hardware (such as display devices) and software (such as drivers) components that provide a display having visual, tactile, or both elements for a user to interact with the computing system. The display subsystem 300 may include a display screen 301 operable to display charts.
The computing system includes a chart module 303 configured to display charts and chart-related options including, for example, options to display various types of charts based on the same label information and value information. The computing system includes a tooltip module 302 to display a tooltip such as the tooltip 290 to enable viewing information associated with portions of the chart 303 and to allow navigation between different portions of the chart 303. The display screen 301 may include an external screen, such as an external screen to which images from the computing device are directed. This may be, for example, a mobile device providing images for display on a television or other external screen using a wireless or cable connection. For some embodiments, the tooltip 290 may be displayed on the external screen such as a television screen but it may not be possible to directly interact with the tooltip 290 on the external screen because the television lacks the capability for such interaction.
FIG. 3B shows an example tool tip module, in accordance with some embodiments. The tool tip module 302 may include a tooltip activation module 306, a label and value module 307, a navigation module 308, and a positioning module 309. The tooltip activation module 306 may be configured to detect an action to display the tooltip 290. For example, when the tooltip activation module 306 detects a user touching or selecting a portion of a chart, the tooltip activation module 306 displays the tooltip 290 with information associated with the selected portion of the chart.
The label and value module 306 may be configured to identify the selected portion of the chart and displays label information and the value information associated with the selected portion of the chart. The navigation module 307 may be configured to detect navigation action and update the label information and the value information to reflect the portion of the chart that is navigated to. For some embodiments, when the navigation action is detected, the label information and the value information may be updated but the position of the tooltip 290 may remain the same. For some other embodiments, the position of the tooltip 290 may be updated to be closer to the portion of the chart that is navigated to.
The positioning module 309 may be configured to detect dragging action and update the position of the tooltip 290. For example, a user may touch the tooltip 290 at a location where the tooltip 290 is currently displayed on the display screen 301 and drag the tooltip 290 to a different location on the display screen 301. The positioning module 309 is configured to display the tooltip 290 at the new location. It may be noted that the tooltip 290 may display the same label information and value information when the tooltip 290 is moved from one location to another location. The positioning module 309 may enable a user to prevent the tooltip 290 from overlapping certain portions of the chart 303 that the user wants to view.
FIGS. 3C and 3D show example modules that may be included in the chart module, in accordance with some embodiments. As shown in FIG. 3C, the chart module 303 may include a deselect module 312, a detail module 313, a drill-in module 314, and an action module 315. The deselect module 312 may be configured to enable removing the display of the tooltip 290 from the display screen. The detail module 313 may be configured to enable showing the records composing the selection. For example, when activated, the detail module 313 may cause a table view to be visible with the details of each record that the selection is composed of. The drill-in module 314 may be configured to enable the user to group the selection by another dimension. When the drill-in module 314 is activated, the user may need to choose another dimension to group the selection only. This allows the user to get more detailed information about the selection. The action module 315 may be configured to enable the user to perform various actions to the lens or dashboard that the user has created. For example, when the action module 315 is activated, the user may be able to perform save function, share function, or edit function. The saving function enables saving the lens or dashboard that the user has created. The sharing function enables the user to share via in diverse methods such as email, text message, or any social channels such as Facebook, Twitter, etc. The edit function enables the user to edit the layout of the dashboard or lens that the user has created.
As shown in FIG. 3D, the chart module 303 may also include an explore module 352, a measure module 353, a group module 354, a filter module 355 and a view module 356. The explore module 352 may be configured to enable toggling from a viewing a current set of modules (e.g., “explore” and “action”) such as shown at the bottom of FIG. 4E to viewing a different set of modules (e.g., “measure”, “group”, “filter” and “view”) such as shown at the bottom of FIG. 4F. The measure module 353 may be configured to enable the user to select which measure to display (e.g., numeric values like sum of amount). The group module 354 may be configured to enable the user to choose how to group the measure. For example, the user may group by one or multiple dimensions such as, for example, “account name” or “region”. The filter module 355 may be configured to enable the user to filter the information to be displayed. For example, the user may restrict the “account name” category to certain names, or the user may group dates by certain date range. The view module 356 may be configured to enable the user to switch between different chart types (e.g., bar chart, line chart, donut chart and table).
FIGS. 4A through 6K show images of a display screen of a mobile computing system, the images including examples of using a tooltip with charts to view chart information, in accordance with some embodiments. The display screen described with these examples is a touch sensitive screen. As shown in FIG. 4A, an image of a donut chart 400 (similar to a pie chart without a center portion) includes multiple values of slices of the chart. Displayed toward the bottom of the display screen are the images or icons associated with the deselect module 312, details module 313, drill-in module 314, and actions module 315. A user may rotate the donut chart 400 by touching a portion of the donut chart 400 and swipe generally in a direction shown by the bi-directional arrow 406. The user may select a portion of the donut chart 400 by touching that portion on the display screen. For example, when the user touches the portion 407 of the donut chart 400, the portion 407 is highlighted (or offset).
When the user selects a portion of the donut chart 400, the tooltip 290 is displayed on the display screen along with the appropriate label and value information. In the current example, the tooltip 290 is displayed with its navigation tool, including first navigation 291 and second navigation 293. A user can touch the second navigation 293 to view the information to the right of the currently selected portion of the donut chart 400. Similarly, the user can touch the first navigation 291 to view the information to the left of the currently selected portion of the donut chart 400. For example, when the currently selected portion is associated with “Health”, the portion to the right is “Education”, and the portion to the left is “Youth Development.”
As shown in FIG. 4A, if the user selects the second navigation 293, the tooltip 290 is updated, as shown in FIG. 4B. FIG. 4B illustrates that if the user continues to select the second navigation 293, the tooltip 290 is continuously updated to reflect the currently selected portion of the donut chart 400. FIG. 4C shows an image of the display screen when the currently selected portion is associated with “Higher Education”. FIG. 4D shows an image of the display screen when the currently selected portion is associated with “Housing & Shelter”. For some embodiments, when the first navigation 291 or the second navigation 293 is selected, the donut chart 400 may also rotate (clockwise or counter-clockwise) to bring the currently selected portion of the donut chart 400 into view. From FIG. 4D, if the user selects the icon associated with the deselect module 312, the tooltip 290 is removed from the display screen and the donut chart 400 is displayed without any portion being selected, as shown in FIG. 4E. Also displayed in FIG. 4E are icons associated with the explore module 352 and the action module 315. When the icon associated with the explore module 352 is selected, the icons associated with the measure module 353, group module 354, filter module 355 and view module 356 are displayed, as shown in FIG. 4F.
From FIG. 4F, if the user selects the icon associated with the view module 356, a view menu 405 is displayed, as shown in FIG. 4G. The view menu 405 may include options to display information associated with a chart using different chart types. For example, the view menu 405 may include menu options for a donut chart type 420, a horizontal bar chart type 422, a vertical bar chart type 424, a line chart type 426, and a table chart type 428. If a user selects the horizontal bar chart type 422, the information associated with the donut chart 400 is displayed as a horizontal bar chart 500, as shown in FIG. 5A. The view menu 405 may be closed by selecting the close option 490 (shown in FIG. 5A as a downward arrow). When the view menu 405 is open, a smaller version of the current chart (e.g., shrunk to fit the available space but still displaying the same range of data) is visible (shown toward the top of the display screen in FIG. 4G). When the view menu 405 is closed, more space is available on the display screen to display the current chart in a bigger size, as shown in FIG. 5B.
From FIG. 5B, the user may scroll the horizontal bar chart 500 by touching a portion of the horizontal bar chart 500 and swipe generally in a direction shown by the bi-directional arrow 510. When the user selects a portion of the horizontal bar chart 500, the tooltip 290 is displayed, as shown in FIG. 5C. The user may move the tooltip 290 from a current position to another position to enable the user to view any portion of the horizontal bar chart 500 that may be blocked by the tooltip 290. For example, the user may move the tooltip 290 from its position shown in FIG. 5C to a new position shown in FIG. 5D by touching a portion of the tooltip 290 and drag it across the display screen. From any position of the tooltip 290, the user may use the navigation tool to display information associated with different portions of the horizontal bar chart 500, as shown n FIG. 5E. When the label information 294 and/or the value information 292 is longer than can be displayed in whole in the tooltip 290, the label information 294 and/or the value information 292 may be scrolled. For example, the label information 294 and the value information 292 displayed in the tooltip 290 in FIG. 5F are only partially visible. The user may need to scroll the label information 294 and/or the value information 292 such as, for example, scrolling left and scrolling right, to display the other portions of the label information 294 and/or the value information 292.
From FIG. 5F, if the user selects the icon associated with the deselect module 312, the tooltip 290 is removed from the display screen and the horizontal bar chart 500 is displayed without any portion being selected, as shown in FIG. 5G. Also displayed in FIG. 5G are icons associated with the measure module 353, group module 354, filter module 355 and view module 356. From FIG. 5G, if the user selects the icon associated with the view module 356, the view menu 405 is displayed, as shown in FIG. 5H. It may be noticed that only a portion of the horizontal bar chart 500 is visible when the view menu 405 is displayed. When the user selects the line chart type 426, the information associated with the horizontal bar chart 500 is displayed as a line chart 600, as shown toward the top of the display screen in FIG. 6A.
From FIG. 6A, when the user can close the view menu 405 by selecting the close option 490. When the view menu 405 is closed, more space is available on the display screen to display the line chart 600, as shown in FIG. 6B. From FIG. 5B, the user may scroll the line chart 600 by touching a portion of the line chart 600 and swipe generally in a direction shown by the bi-directional arrow 605. When the user selects a portion of the line chart 600, the tooltip 290 is displayed, as shown in FIG. 6C. The user may move the tooltip 290 from a current position to another position to enable the user to view any portion of the line chart 600 that may be blocked by the tooltip 290. For example, the user may move the tooltip 290 from its position shown in FIG. 6C to a new position shown in FIG. 6D by touching a portion of the tooltip 290 and drag it across the display screen. With the tooltip 290, the user may use the navigation tool to display information associated with different portions of the line chart 600, as shown in FIGS. 6D and 6E. It may be noted that portion 650 of the line chart 600 shown in FIG. 6C is highlighted to correspond to the value information 292. The highlighting of the selected portions of the line chart 600 is also shown in FIGS. 6D and 6E. It may be possible to update the label information 294 and the value information 292 by selecting another portion of the line chart 600 such as, for example, by touching the line chart portion, instead of using the navigation tool.
From FIG. 6E, if the user selects the icon associated with the deselect module 312, the tooltip 290 is removed from the display screen and the line chart 600 is displayed without any portion being selected, as shown in FIG. 6F. Also displayed in FIG. 6F are the icons associated with the measure module 353, group module 354, filter module 355 and view module 356.
From FIG. 6F, if the user selects the icon associated with the view module 356, the view menu 405 is displayed, as shown in FIG. 6G. It may be noticed that only a portion of the line chart 600 is visible when the view menu 405 is displayed. When the user selects the vertical bar chart type 424, the information associated with the line chart 600 is displayed as a vertical bar chart 650, as shown toward the top of the display screen in FIG. 6H.
From FIG. 6H, a user may scroll the vertical bar chart 650 by touching a portion of the vertical bar chart 650 and swipe generally in a direction shown by the bi-directional arrow 655. The user may select a portion of the vertical bar chart 650 by touching that portion on the display screen. For example, when the user touches the portion 670 of the vertical bar chart 650, the tooltip 290 is displayed, as shown in FIG. 6I. From any position of the tooltip 290, the user may use the navigation tool to display information associated with different portions of the vertical bar chart 650, as shown in FIGS. 6I, 6J and 6K.
For some embodiments, when a chart to be displayed is a line chart, the chart module 303 (shown in FIG. 3A) is configured to have a capability of providing information regarding the relative density of information in the line chart. For some embodiments, the chart module 303 may determine an appropriate relative line thickness for lines (also referred to as line segments, as shown in FIG. 6L) in a line chart. The line chart may simultaneously show the label information, the value information, and the density of the information by using line thickness for the line segments.
The chart module 303 may determine the density of the information in a particular view and display the line chart using a line thickness that reflect such density of information to enable a user to quickly understand the values being expressed intuitively. For example, as the mobile computing system changes a portion of a line chart being displayed from one portion to another portion, such as in response to a command from a user, the mobile computing system may automatically increases or decreases a thickness of the line segments of the line chart to reflect the density of the information on the display screen 301.
FIGS. 6L, 6M and 6N show examples of line charts having line segments with different line thickness as displayed on a display screen of a mobile computing system, in accordance with some embodiments. The display screens described with these examples are touch sensitive screens. It may be noted that although these examples refer to the first, second and third thickness levels, these thickness levels are not meant to be restrictive and are merely used as examples to show the difference between different levels of thickness. Any two or more levels of thickness may be used. A portion of the line charts may be selected and a tooltip such as the tooltip 290 may be presented to enable a user to view more detail information about the selected portion.
Referring to FIG. 6L, the line chart 682 includes label information 683 and value information 684. The label information 683 in this example shows a date range from January 2010 to March 2014 for a total of 39 months. The value information 684 in this example shows the values for various points of the line chart 682 based on the label information 683. As shown in FIG. 6L, the line chart 682 includes multiple connected line segments such as, for example, line segments 685 and 686. All of the line segments of the line chart 682 are displayed with the same thickness (or width or thickness level). In this example, the thickness level of the line segments in the line chart 682 is referred to as the first thickness level.
For some embodiments, the thickness of the line segments of the line chart 682 may automatically vary depending on the density of the information displayed in the line chart 682. For example, a line chart that depicts a greater density of information has thinner line segments, and a line chart that depicts a lesser density of information has thicker line segments. The thickness of the line segments may be presented as being thinner when there are more data points to be displayed on the display screen such as, for example, when there is a greater data range as shown in the line chart 682 (as analogous to zooming out or viewing from a greater distance). The thickness of the line segments may be presented as being thicker when there are less data points to be displayed on the display screen such as, for example, when a line chart includes a subset of the date range shown in the line chart 682 (as analogous to zooming in or viewing from a closer distance). In this manner, a user is able to see the context of the information by simply viewing the thickness of the line segments in the line chart 682 since the density of the information is reflected in such thickness.
For some embodiments, a graphical user interface (GUI) may be presented to enable a user to vary the thickness of the line segments. The GUI may include a filtering mechanism (e.g., date filtering mechanism) to update the information to be presented in the line chart. For example, the filtering mechanism may enable the user to specify a wider date range resulting in thinner line segments or a narrower data range resulting in thicker line segments. For some embodiments, the varying of the thickness of the line segments may enable a user to comprehend the relative view of the information when the line chart is displayed on a small display screen such as the display screens typically associated with a mobile computing system without necessarily viewing the subsidiary information on the display screen. For example, a line chart representing busy activities for a sale representative in a period of 12 months may have thinner line segments, whereas a line chart representing slow activities for another sale representative in the same 12 months period may have thicker line segments.
For some embodiments, the thickness of the line segments of the line chart 682 may be determined based upon the amount of horizontal space available on the display screen 301 and the number of points (e.g., points 687 and 688) there are in the line chart 682. For some embodiments, if there are relatively more data points and less screen space available to display, then there is greater density of information. As a result, the line segments will be relatively thinner. Conversely, if there are relatively fewer data points and more screen space available to display, then there is lesser density of information. As a result, the line segments will be relatively thicker.
Referring to FIG. 6M, the line chart 690 includes label information 691 and value information 692. The label information 691 in this example shows a date range from January 2010 to October 2011 for a total of 22 months. The value information 692 in this example shows the values for various points of the line chart 690 based on the label information 691. The information included in the line chart 690 is at a lesser density (22 months) than the information included in the line chart 682 (39 months), shown in FIG. 6L. Since both the line chart 682 and the line chart 690 are shown using the same available screen space, the line chart 690 is shown with line segments (e.g., line segments 693 and 694) that are thicker than the line segments (e.g., line segments 685 and 686) of the line chart 682. In this example, the thickness level of the line segments in the line chart 690 is referred to as the second thickness level.
Referring to FIG. 6N, the line chart 695 includes label information 696 and value information 697. The label information 696 in this example shows a date range from January 2011 to December 2011 for a total of 12 months. The value information 697 in this example shows the values for various points of the line chart 695 based on the label information 696. The information included in the line chart 695 is at a lesser density (12 months) than the information included in the line chart 690 (22 months) and the information included in the line chart 682 (39 months). Since both the line chart 690 and the line chart 695 are shown using the same available screen space, the line chart 695 is shown with line segments (e.g., line segments 698 and 699) that are thicker than the line segments (e.g., line segments 693 and 694) of the line chart 690. In this example, the thickness level of the line segments in the line chart 695 is referred to as the third thickness level.
For some embodiments, whenever there is a change or update to the information to be displayed or to the available screen space, the thickness of the line segments in a particular line chart is updated. For some embodiments, a thickness threshold window may be used to determine whether the thickness of the line segments is to be updated when there is an update to the information or an update to the available screen space. For example, when the date range to be displayed in a line chart such as the line chart 682 of FIG. 6L is between 36 months and 48 months, the first thickness level (thin) may be used. Thus when the date range is updated from 38 months to 46 months, the thickness level of the line segments may remain the same. When the date range to be displayed in a line chart such as the line chart 690 of FIG. 6M is between 20 months and 36 months, the second thickness level (thicker) may be used. Thus when the date range is updated from 24 months to 30 months, the thickness level of the line segments may remain the same. When the date range to be displayed in a line chart such as the line chart 695 of FIG. 6N is between 1 month and 20 months, the third thickness level (thickest) may be used. Thus when the date range is updated from 12 months to 16 months, the thickness level of the line segments may remain the same.
FIG. 7A shows a flowchart of an example process for enabling a tooltip to enable viewing chart information when using a mobile computing system, performed in accordance with some embodiments. The process 700 may be performed by a chart module 303 (shown in FIG. 3A) and is described based on a user or a software initiating an action to cause a chart to be displayed on a display screen of a mobile computing system. At block 702, the chart module 303 detects that a chart is being displayed in the display screen. At block 702, the chart module 303 may optionally activate the tooltip 290 but not necessarily displaying the tooltip 290. At block 706, the chart module 303 may monitor for a chart selection action. For example, the chart selection action occur when the user touches a portion of the chart on the display screen. At block 708, when a chart selection action is detected, the chart module 303 may cause the tooltip 290 to be displayed on the display screen. The tooltip 290 may include the label information 294 and the value information 292 corresponding to the portion of the chart that the user selects. The tooltip 290 may be displayed at a default starting position on the display screen, or it may be displayed at a position relatively close to the selected portion of the chart. At block 710, the chart module 303 may monitor for navigation action. For example, the user may use the navigation tool 298 (shown in FIG. 2E) of the tooltip 290 to navigate from the selected portion of the chart. The navigation may be based on a direction (e.g., previous, next, up, down) provided by the navigation tool 298. At block 712, the chart module 303 may update the tooltip 290 with chart information based on the navigation action. For example, if the user uses a “Next” navigation, the chart information may be based on a next portion of the chart, as determined from a current portion of the chart.
FIG. 7B shows a flowchart of an example process for updating a position of a tooltip to enable viewing chart information when using a mobile computing system, performed in accordance with some embodiments. The process 750 may be performed by a chart module 303 (shown in FIG. 3A) and is described based on a user or a software initiating an action to cause a chart to be displayed on a display screen of a mobile computing system. At block 756, the chart module 303 may monitor for a chart selection action. For example, the chart selection action occur when the user touches a portion of the chart on the display screen. At block 758, when a chart selection action is detected, the chart module 303 may cause the tooltip 290 to be displayed on the display screen. The tooltip 290 may include the label information 294 and the value information 292 corresponding to the portion of the chart that the user selects. At block 760, the chart module 303 may monitor for a dragging action. For example, the dragging action may include an action by a user touching the tooltip 290 and dragging the tooltip 290 in a particular direction. When the dragging action is detected, the chart module 303 may update the position of the tooltip 290 as the user drags the tooltip 290 across the display screen and until the dragging stops. It may be noted that the dragging or positioning of the tooltip 290 does not change the label information 294 and the value information 292.
FIG. 7C shows a flowchart of an example process for displaying the label and value information in a tooltip using a mobile computing system, performed in accordance with some embodiments. The process 780 may be performed by a chart module 303 (shown in FIG. 3A) and is described based on a user or a software initiating an action to cause a chart to be displayed on a display screen of a mobile computing system. The size of the tooltip may sometimes be insufficient to accommodate displaying the label information 294 and/or the value information 292. As such, only a portion of the label information 294 and/or the value information 292 may be visible, and thus scrolling action may be necessary. At block 786, the chart module 303 may monitor for a scrolling action related to the label information 294 and/or the value information 292. For example, the scrolling action may occur when the user touches a portion of the tooltip 290 where the label information 294 and the value information 292 is displayed and swipe in a particular direction. When the scrolling action is detected, the chart module 303 may update the label information 294 and the value information 292 according to the direction of the scrolling action, as shown in block 788.
FIG. 7D shows a flowchart of an example process for displaying a line chart using line segments having thickness based on density of information, in accordance with some embodiments. The process 790 may be performed by a chart module 303 (shown in FIG. 3A) and is described based on a user or a program initiating an action to cause a line chart to be displayed on a display screen of a mobile computing system. At block 791, the chart module 303 detects that a line chart is to be displayed in the display screen based on certain label information and value information. The chart module 303 may determine the density of the information to be displayed based on the label information and/or the value information. The chart module 303 may also determine the available screen space to display the line chart. It may be possible that the available screen space to display the line chart is not the entire display screen. Based on one or more of the density of the information and the available screen space, the chart module 303 may display the line chart using a certain line thickness, as shown in blocks 792, 793 and 794. It may be noted the thickness levels described in blocks 792, 793 and 794 are examples only, and the number of available thickness levels may vary depending on the implementations.
In certain embodiments, each application server 1000 is configured to handle requests for any user associated with any organization that is a tenant. Because it is desirable to be able to add and remove application servers from the server pool at any time for any reason, there is preferably no server affinity for a user and/or organization to a specific application server 1000. In some embodiments, therefore, an interface system implementing a load balancing function (e.g., an F5 Big-IP load balancer) is communicably coupled between the application servers 1000 and the user systems 912 to distribute requests to the application servers 1000. In some embodiments, the load balancer uses a least connections algorithm to route user requests to the application servers 1000. Other examples of load balancing algorithms, such as round robin and observed response time, also can be used. For example, in certain embodiments, three consecutive requests from the same user could hit three different application servers 1000, and three requests from different users could hit the same application server 1000. In this manner, system 916 is multi-tenant, wherein system 916 handles storage of and access to, different objects, data and applications across disparate users and organizations.
displaying a chart and information associated with the chart on a display screen of a mobile computing system using a first chart type, the information including label information and value information; and
detecting a selection of a portion of the chart on the display screen of a mobile computing system;
causing a tooltip to be displayed on the display screen of the mobile computing system in response to detecting the selected portion of the chart, the tooltip displaying label information and value information associated with the selected portion of the chart, the tooltip including a navigation tool associated with a remaining portion of the chart, a selection of the navigation tool causing label information and value information associated with the remaining portion of the chart to be displayed within the tooltip that being displayed on the display screen of the mobile computing system.
2. The method of claim 1, wherein the navigation tool includes a first navigation to enable displaying label information and value information associated with a previous portion of the chart relative to the selected portion of the chart and a second navigation to enable displaying label information and value information associated with a next portion of the chart relative to the selected portion of the chart.
3. The method of claim 2 further comprising updating the selected portion of the chart and displaying in the tooltip the label information and value information associated with the selected portion of the chart in response to detecting a navigation action associated with the first navigation or the second navigation.
4. The method of claim 3, wherein the tooltip is displayed at a first position of the display screen, and wherein the tooltip is configured to remain at the first position of the display screen while the first navigation or the second navigation is used to display the label information and the value information associated with the previous portion of the chart or the next portion of the chart.
updating a position of the tooltip from the first position to a second position in response to detecting a dragging action associated with the tooltip.
6. The method of claim 5, wherein the tooltip is configured to continue displaying the label information and the value information associated with the selected portion of the chart while its position is updated from the first position to the second position.
causing the label information and the value information associated with the selected portion of the chart to be scrollable in the tooltip in response to detecting that one or more of the label information and the value information associated with the selected portion of the chart can only be partially accommodated by the tooltip.
8. The method of claim 7, wherein causing the label information and the value information associated with the selected portion of the chart to be scrollable in the tooltip comprises:
scrolling one or more of the label information and the value information associated with the selected portion of the chart to be scrolled in a first direction based on detecting a first scrolling action; and
scrolling one or more of the label information and the value information associated with the selected portion of the chart to be scrolled in a second direction based on detecting a second scrolling action.
highlighting the selected portion of the chart in response to detecting the selection of the portion of the chart;
displaying the chart using the second chart type in response to detecting a selection of a second chart type; and
stopping the tooltip from being displayed on the display screen in response to detecting an action to close the tooltip.
based on the first chart type being a line chart, displaying line segments of the line chart using a thickness level corresponding to one or more of density of the information associated with the line chart and available screen space, wherein there are at least two different thickness levels.
11. An apparatus for display chart information comprising:
display information associated with a chart on a display screen of a mobile computing system using a chart type, the information including label information and value information;
detect a selection of a portion of the chart on the display screen of a mobile computing system; and
cause a tooltip to be displayed on the display screen of the mobile computing system in response to detecting the selected portion of the chart, the tooltip displaying label information and value information associated with the selected portion of the chart, the tooltip including a navigation tool associated with a remaining portion of the chart, a selection of the navigation tool causing label information and value information associated with the remaining portion of the chart to be displayed within the tooltip that being displayed on the display screen of the mobile computing system.
12. The apparatus of claim 11, wherein the navigation tool includes a first navigation to enable displaying label information and value information associated with a previous portion of the chart relative to the selected portion of the chart and a second navigation to enable displaying label information and value information associated with a next portion of the chart relative to the selected portion of the chart.
13. The apparatus of claim 12, wherein based on detecting a navigation action associated with the first navigation or the second navigation, the selected portion of the chart is updated and the label information and value information associated with the selected portion of the chart is displayed in the tooltip.
14. The apparatus of claim 13, wherein the tooltip is displayed at a first position of the display screen, and wherein the tooltip is configured to remain at the first position of the display screen while the first navigation or the second navigation is used to display the label information and the value information associated with the previous portion of the chart or the next portion of the chart.
15. The apparatus of claim 14, wherein the instructions, when executed by the processor, further cause the processor to update a position of the tooltip to be updated from the first position to a second position in response to detecting a dragging action associated with the tooltip.
16. The apparatus of claim 15, wherein the tooltip is configured to continue displaying the label information and the value information associated with the selected portion of the chart while its position is updated from the first position to the second position.
17. The apparatus of claim 16, wherein the instructions, when executed by the processor, further cause the processor to cause the label information and the value information associated with the selected portion of the chart to be scrollable in the tooltip in response to detecting that one or more of the label information and the value information associated with the selected portion of the chart can only be partially accommodated by the tooltip.
18. The apparatus of claim 17, wherein the instructions for causing the label information and the value information associated with the selected portion of the chart to be scrollable in the tooltip further comprises instructions to:
scroll one or more of the label information and the value information associated with the selected portion of the chart to be scrolled in a first direction based on detecting a first scrolling action; and
scroll one or more of the label information and the value information associated with the selected portion of the chart to be scrolled in a second direction based on detecting a second scrolling action.
based on the chart type being a line chart, display line segments of the line chart using a thickness level corresponding to one or more of density of the information associated with the line chart and available screen space, wherein there are at least two different thickness levels.
20. A computer program product comprising a non-transitory computer-readable medium having computer-readable program code embodied therein to be executed by one or more processors the program code including instructions to:
cause a tooltip to be displayed on the display screen of the mobile computing system, the tooltip displaying label information and value information associated with the selected portion of the chart, the tooltip including a navigation tool to enable navigating and updating the tooltip with label information and value information associated with different portions of the chart, the tooltip including a navigation tool associated with a remaining portion of the chart, a selection of the navigation tool causing label information and value information associated with the remaining portion of the chart to be displayed within the tooltip that being displayed on the display screen of the mobile computing system.
US14/665,222 2014-10-10 2015-03-23 Chart selection tooltip Active 2036-03-31 US10120544B2 (en)
US201462062722P true 2014-10-10 2014-10-10
US14/665,222 US10120544B2 (en) 2014-10-10 2015-03-23 Chart selection tooltip
US20160103581A1 US20160103581A1 (en) 2016-04-14
US10120544B2 true US10120544B2 (en) 2018-11-06
ID=55655450
US14/665,222 Active 2036-03-31 US10120544B2 (en) 2014-10-10 2015-03-23 Chart selection tooltip
US (1) US10120544B2 (en)
US20140324779A1 (en) * 2013-04-29 2014-10-30 Freerun Technologies, Inc. Travel application for mobile devices
US20140380158A1 (en) * 2013-06-24 2014-12-25 Oracle International Corporation Displaying tooltips to users of touch screens
2015-03-23 US US14/665,222 patent/US10120544B2/en active Active
US20160103581A1 (en) 2016-04-14
US8275920B2 (en) 2012-09-25 Event handling in an integrated execution environment
CN105378633A (en) 2016-03-02 Visual selection and grouping
Free format text: ASSIGNMENT OF ASSIGNORS INTEREST;ASSIGNORS:KIM, YUSEUNG;BOVET, JEAN ELIE;REEL/FRAME:035229/0040