Methods and devices for adjusting chart magnification

• US 9,857,952 B2
• Filed: 01/22/2015
• Issued: 01/02/2018
• Est. Priority Date: 09/08/2014
• Status: Active Grant

• Current Assignee: Tableau Software Incorporated (Salesforce.com, Inc.)
• Original Assignee: Tableau Software Incorporated (Salesforce.com, Inc.)
• Inventors: Stewart, Robin
• Primary Examiner(s): Chow, Doon
• Assistant Examiner(s): NICHOLAS, WENDY K
• Application Number:
  US14/603,330
• Publication Number:
  US 20170010786A1
• Time in Patent Office: 1,076 Days
• Field of Search: 345440, 345173, 345157, 345443, 345619, 715863, 715215, 715700, 715764, 715798, 715800, 715801
• CPC Class Codes: G06F 2203/04806 Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
• CPC Class Codes: G06F 2203/04808 Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
• CPC Class Codes: G06F 3/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/0486 Drag-and-drop
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• CPC Class Codes: G06F 40/18 of spreadsheets form-filling G06F40/174
• CPC Class Codes: G06T 11/206 Drawing of charts or graphs
• CPC Class Codes: G06T 13/00 Animation
• CPC Class Codes: G06T 3/40 Scaling of whole images or parts thereof, e.g. expanding or contracting

Abstract

A method includes displaying a chart. The chart includes a first set of data marks and a line that connects adjacent data marks. The method further includes detecting a first input at a location that corresponds to the chart and, while detecting the first input: horizontally expanding at least a portion of the chart; expanding at least a portion of the line; and adding a second set of data marks on the line, where each data mark is placed on the line based on its respective abscissa, independent of the respective ordinate. The method also includes, for each data mark placed at a vertical position distinct from its respective ordinate: (1) animatedly moving the data mark vertically in accordance with the respective ordinate and a vertical scale for the vertical axis; and (2) animatedly adjusting the line so that the line connects the second set of data marks.

Claims

1. A method, comprising:

at an electronic device with a touch-sensitive surface and a display;

displaying a chart on the display, wherein;

the chart has a horizontal axis with a first horizontal scale with first horizontal scale markers;

the chart has a vertical axis with a first vertical scale with first vertical scale markers;

the chart includes a first set of data marks;

each respective data mark in the first set of data marks has a respective abscissa and a respective ordinate; and

the chart includes a first plurality of line segments that connect adjacent data marks in the first set of data marks;

detecting a first touch input at a location on the touch-sensitive surface that corresponds to a location on the display of the chart;

while detecting the first touch input;

expanding at least a portion of the chart such that a distance between adjacent first horizontal scale markers increases in accordance with the first touch input;

expanding at least a portion of the first plurality of line segments in accordance with the first touch input; and

adding a second set of data marks, distinct from the first set of data marks, on the first plurality of line segments, wherein;

each respective data mark in the second set of data marks includes a respective abscissa and a respective ordinate; and

each respective data mark in the second set of data marks is placed on a respective line segment in the first plurality of line segments at the respective abscissa of the respective data mark and at the ordinate of the respective line segment determined using the respective abscissa of the respective data mark, independent of the respective ordinate of the respective data mark; and

,

after adding the second set of data marks on the first plurality of line segments;

for each respective data mark in the second set of data marks placed on the first plurality of line segments at a vertical position distinct from its respective ordinate, animatedly moving the respective data mark vertically in accordance with the respective ordinate for the respective data mark and a second vertical scale for the vertical axis; and

subdividing the first plurality of line segments into a second plurality of line segments that connect adjacent data marks in the second set of data marks, and animatedly adjusting the second plurality of line segments in accordance with the animated movement of the respective data marks.

2. The method of claim 1, wherein adjacent data marks in the first set of data marks are separated by a first horizontal distance.

3. The method of claim 1, wherein adjacent data marks in the second set of data marks are separated by a second horizontal distance that corresponds to a second horizontal scale that is finer than the first horizontal scale.

4. The method of claim 1, wherein a shape of the line is maintained when the second set of data marks is added to the line.

5. The method of claim 1, wherein a single data mark in the first set of data marks corresponds to a plurality of data marks in the second set of data marks.

6. The method of claim 1, wherein animatedly moving each respective data mark vertically in accordance with the respective ordinate for the respective data mark and a second vertical scale for the vertical axis occurs while detecting the first input.

7. The method of claim 1, wherein animatedly moving each respective data mark vertically in accordance with the respective ordinate for the respective data mark and a second vertical scale for the vertical axis occurs after ceasing to detect the first input.

8. The method of claim 1, wherein the second vertical scale is the same as the first vertical scale.

9. The method of claim 1, wherein animatedly moving each respective data mark vertically and animatedly adjusting the second plurality of line segments occur concurrently.

10. The method of claim 1, including ceasing to display the first set of data marks when the second set of data marks are added.

11. The method of claim 1, including ceasing to display the first set of data marks after the second set of data marks are added.

12. An electronic device, comprising:

a display;

a touch-sensitive surface;

one or more processors;

memory; and

one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for;

displaying a chart on the display, wherein;

the chart has a horizontal axis with a first horizontal scale with first horizontal scale markers;

the chart has a vertical axis with a first vertical scale with first vertical scale markers;

the chart includes a first set of data marks;

each respective data mark in the first set of data marks has a respective abscissa and a respective ordinate; and

the chart includes a first plurality of line segments that connect adjacent data marks in the first set of data marks;

detecting a first touch input at a location on the touch-sensitive surface that corresponds to a location on the display of the chart;

while detecting the first touch input;

expanding at least a portion of the chart such that a distance between adjacent first horizontal scale markers increases in accordance with the first touch input;

expanding at least a portion of the first plurality of line segments in accordance with the first touch input; and

adding a second set of data marks, distinct from the first set of data marks, on the first plurality of line segments, wherein;

each respective data mark in the second set of data marks includes a respective abscissa and a respective ordinate; and

each respective data mark in the second set of data marks is placed on a respective line segment in the first plurality of line segments at the respective abscissa of the respective data mark and at the ordinate of the respective line segment determined using the respective abscissa of the respective data mark, independent of the respective ordinate of the respective data mark; and

,

after adding the second set of data marks on the first plurality of line segments;

for each respective data mark in the second set of data marks placed on the first plurality of line segments at a vertical position distinct from its respective ordinate, animatedly moving the respective data mark vertically in accordance with the respective ordinate for the respective data mark and a second vertical scale for the vertical axis; and

subdividing the first plurality of line segments into a second plurality of line segments that connect adjacent data marks in the second set of data marks, and animatedly adjusting the second plurality of line segments in accordance with the animated movement of the respective data marks.

13. The device of claim 12, wherein adjacent data marks in the first set of data marks are separated by a first horizontal distance.

14. The device of claim 12, wherein adjacent data marks in the second set of data marks are separated by a second horizontal distance that corresponds to a second horizontal scale that is finer than the first horizontal scale.

15. The device of claim 12, wherein a shape of the line is maintained when the second set of data marks is added to the line.

16. The device of claim 12, wherein a single data mark in the first set of data marks corresponds to a plurality of data marks in the second set of data marks.

17. The device of claim 12, wherein animatedly moving each respective data mark vertically in accordance with the respective ordinate for the respective data mark and a second vertical scale for the vertical axis occurs while detecting the first input.

18. The device of claim 12, wherein animatedly moving each respective data mark vertically in accordance with the respective ordinate for the respective data mark and a second vertical scale for the vertical axis occurs after ceasing to detect the first input.

19. The device of claim 12, wherein the second vertical scale is the same as the first vertical scale.

20. The device of claim 12, wherein animatedly moving each respective data mark vertically and animatedly adjusting the second plurality of line segments occur concurrently.

21. The device of claim 12, the one or more programs further including instructions for ceasing to display the first set of data marks when the second set of data marks are added.

22. The device of claim 12, the one or more programs further including instructions for ceasing to display the first set of data marks after the second set of data marks are added.

23. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by an electronic device with a display, and a touch-sensitive surface, cause the device to:

display a chart on the display, wherein;

the chart has a horizontal axis with a first horizontal scale with first horizontal scale markers;

the chart has a vertical axis with a first vertical scale with first vertical scale markers;

the chart includes a first set of data marks;

each respective data mark in the first set of data marks has a respective abscissa and a respective ordinate; and

the chart includes a first plurality of line segments that connect adjacent data marks in the first set of data marks;

detect a first touch input at a location on the touch-sensitive surface that corresponds to a location on the display of the chart;

while detecting the first touch input;

expand at least a portion of the chart such that a distance between adjacent first horizontal scale markers increases in accordance with the first touch input;

expand at least a portion of the first plurality of line segments in accordance with the first touch input; and

add a second set of data marks, distinct from the first set of data marks, on the first plurality of line segments, wherein;

each respective data mark in the second set of data marks includes a respective abscissa and a respective ordinate; and

each respective data mark in the second set of data marks is placed on a respective line segment in the first plurality of line segments at the respective abscissa of the respective data mark and at the ordinate of the respective line segment determined using the respective abscissa of the respective data mark, independent of the respective ordinate of the respective data mark; and

,

after adding the second set of data marks on the first plurality of line segments;

for each respective data mark in the second set of data marks placed on the first plurality of line segments at a vertical position distinct from its respective ordinate, animatedly move the respective data mark vertically in accordance with the respective ordinate for the respective data mark and a second vertical scale for the vertical axis; and

subdivide the first plurality of line segments into a second plurality of line segments that connect adjacent data marks in the second set of data marks, and animatedly adjust the second plurality of line segments in accordance with the animated movement of the respective data marks.

24. A graphical user interface, comprising:

on an electronic device with a display, a touch-sensitive surface, a memory, and one or more processors to execute one or more programs stored in the memory, displaying the graphical user interface, including;

a chart on the display, the chart having a horizontal axis with a first horizontal scale with first horizontal scale markers, the chart having a vertical axis with a first vertical scale with first vertical scale markers, the chart including a first set of data marks, each respective data mark in the first set of data marks having a respective abscissa and a respective ordinate, and the chart including a first plurality of line segments that connect adjacent data marks in the first set of data marks;

wherein;

a portion of the chart is expanded while detecting a first touch input at a location on the touch-sensitive surface that corresponds to a location on the display of the chart such that a distance between adjacent first horizontal scale markers increases in accordance with the first touch input;

a portion of the first plurality of line segments is expanded in accordance with the first touch input;

a second set of data marks is added on the first plurality of line segments, the second set distinct from the first set of data marks, wherein;

each respective data mark in the second set of data marks includes a respective abscissa and a respective ordinate; and

each respective data mark in the second set of data marks is placed on a respective line segment in the first plurality of line segments at the respective abscissa of the respective data mark and at the ordinate of the respective line segment determined using the respective abscissa of the respective data mark, independent of the respective ordinate of the respective data mark;

for each respective data mark in the second set of data marks placed on the first plurality of line segments at a vertical position distinct from its respective ordinate, the respective data mark is animatedly moved vertically in accordance with the respective ordinate for the respective data mark and a second vertical scale for the vertical axis; and

the first plurality of line segments are subdivided into a second plurality of line segments that connect adjacent data marks in the second set of data marks, and the second plurality of line segments are animatedly adjusted in accordance with the animated movement of the respective data marks.