Methods and devices for adjusting chart magnification

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 line chart on the display, wherein the line chart includes a first plurality of data marks and a first plurality of line segments connecting adjacent data marks of the first plurality 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 the line chart horizontally according to the touch input, including expanding a first line segment of the first plurality of line segments;
• and
• adding a second plurality of data marks, distinct from the first plurality of data marks, on the first line segment, thereby subdividing the first line segment into a second plurality of line segments, which are initially collinear;
• and
• after expanding the line chart horizontally and adding the second plurality of data marks:
• determining an ordinate value for each of the second plurality of data marks;
• animatedly moving each of the second plurality of data marks from a respective position on the first line segment to a respective vertical location defined by the respective determined ordinate value;
• and
• concurrently with moving each of the second plurality of data marks,
• animatedly moving each of the second plurality of line segments according to movement of respective data marks at endpoints of the respective line segment.

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 line chart on the display, wherein the line chart includes a first plurality of data marks and a first plurality of line segments connecting adjacent data marks of the first plurality 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 the line chart horizontally according to the touch input, including expanding a first line segment of the first plurality of line segments;
• and
• add a second plurality of data marks, distinct from the first plurality of data marks, on the first line segment, thereby subdividing the first line segment into a second plurality of line segments, which are initially collinear;
• and
• after expanding the line chart horizontally and adding the second plurality of data marks:
• determine an ordinate value for each of the second plurality of data marks;
• animatedly move each of the second plurality of data marks from a respective position on the first line segment to a respective vertical location defined by the respective determined ordinate value;
• and
• concurrently with moving each of the second plurality of data marks,
• animatedly move each of the second plurality of line segments according to movement of respective data marks at endpoints of the respective line segment.