CN108319411A - A kind of method, apparatus and electronic equipment of chart partial enlargement - Google Patents

Abstract

Disclosed herein is a kind of method, apparatus and electronic equipment of chart partial enlargement.The method of the chart partial enlargement includes：Pressing operation is detected on the screen of display chart and the pressing operation persistently moves, then the start-stop position for needing the target area of partial enlargement is determined according to the motion track of the pressing operation；Chart start-stop position in the horizontal direction and display scale ruler are adjusted according to the start-stop position of the target area, redraws the chart to amplify the target area of the chart.The technical solution of this paper can just realize chart partial enlargement by one step of pressing operation, improve user experience.

Description

Method, device and electronic equipment for partially enlarging charts

technical field

The invention relates to terminal technology, in particular to a method, device and electronic equipment for partially enlarging charts.

Background technique

When viewing a chart on a mobile phone, due to the small screen of the mobile phone, sometimes the data will be concentrated in a relatively small range. If you want to see a partial area of the chart clearly, you usually use the zoom-in function.

A way to zoom in on a local area of a graph is: display two graphs on the interface, the first graph displays a local graph, the second graph displays a global graph, the control bar is set on the global graph, and the user can control The bar and the end position control bar determine the enlarged area of the X-axis. After the dragging is completed, the display ratio of the X-axis of the partial graph will change according to the length of the dragging, which has the effect of enlarging or shrinking the local area. However, the operation and display of this zoom-in method are separated, the control is performed on the global map, and the display is carried out on the local map, so the operation is not intuitive enough. And the operation is cumbersome, you need to drag the start position control bar and the end position control bar respectively. In addition, the addition of the global map takes up valuable screen display space, and the user experience is especially poor for small-sized screen devices.

Another way to zoom in on a partial area of the chart is: the interface provides a control button for enabling or disabling the zoom-in mode. When the user wants to zoom in on a partial area, first click the control button to enable the zoom-in mode, and then click the A certain point is used as the starting position of the local area to be enlarged. Move the finger on the screen, and the corresponding position when the finger is lifted is the end position of the local area to be enlarged. Adjust the display scale of the X-axis with the selected start position and end position to achieve a zoom-in effect. However, this magnification method also has some disadvantages: 1) There are many operating steps: you need to turn on the magnification mode first, and then perform the magnification operation; 2) There are mutually exclusive gesture functions in the magnification mode and the normal mode: Bring up the menu or other interactions, drag left and right to move the time interval (that is, the start and end time move forward or backward for a certain distance at the same time, for example, move from [x1,x1+t] to [x2,x2+t] ); in the zoom-in mode, click the operation to trigger the area selection operation, and drag left and right to select the area range. Therefore, in zoom-in mode, if a click operation is performed, the menu or other interactions cannot actually be brought up, and if a left-right drag operation is performed, the function of moving the time interval cannot actually be realized.

Therefore, how to make zooming in on a local area of the chart more convenient and improve user experience is a problem that needs to be solved.

Contents of the invention

The present application provides a method, device and electronic device for partially enlarging a chart, which can realize partial enlarging of a chart in one step through a pressing operation, thereby improving user experience.

This application adopts the following technical scheme:

The embodiment of this application provides a method for partially enlarging a chart, including:

When a press operation is detected on the screen displaying the chart and the press operation continues to move, then the start and end positions of the target area that needs to be partially enlarged are determined according to the movement trajectory of the press operation;

The start and end positions of the graph in the horizontal direction and the display scale are adjusted according to the start and end positions of the target area, and the graph is redrawn to enlarge the target area of the graph.

Optionally, the adjusting the start and end positions of the graph in the horizontal direction and the display scale according to the start and end positions of the target area includes:

If the pressing operation continues to move to the right, the horizontal start position of the target area in the horizontal direction is used as the horizontal start position of the redrawn chart, and the horizontal end position of the target area is used as the redrawn chart. The horizontal end position of the chart after drawing; if the press operation is to move continuously to the left, the starting position of the target area in the horizontal direction is used as the horizontal end position of the chart after redrawing, and the target area The end position in the horizontal direction is used as the horizontal start position of the redrawn chart;

Adjust the display scale of the graph in the horizontal direction according to the ratio of the horizontal coordinate difference between the start and end positions of the target area in the horizontal direction and the start and end span of the horizontal coordinate axis of the graph before redrawing.

Optionally, the pressing operation is detected on the screen displaying the chart and the pressing operation continues to move, further comprising:

Display a side of a semi-transparent rectangular frame at the position where the pressing operation starts to press, keep the side of the semi-transparent rectangular frame still, if it is detected that the pressing operation continues to move on the screen, Then the width of the translucent rectangular frame is continuously widened.

Optionally, after redrawing the chart to enlarge the target area of the chart, the method further includes:

A restore button for reverting to the graph before zooming in is displayed on the screen.

Optionally, the detection of the pressing operation on the screen displaying the graph includes:

A touch operation is detected on the screen displaying the graph, the pressing intensity of the touch operation is acquired, and when the pressing intensity is greater than or equal to a threshold, it is determined that the touch operation is a pressing operation.

The embodiment of the present application also provides a device for partially enlarging a graph, including:

The detection module is used to detect the pressing operation on the screen displaying the chart and the pressing operation continues to move, then determine the start and end positions of the target area that needs to be partially enlarged according to the moving track of the pressing operation;

A local enlargement module, configured to adjust the start and end positions of the graph in the horizontal direction and the display scale according to the start and end positions of the target area, and redraw the graph to enlarge the target area of the graph.

Optionally, the local enlargement module is configured to adjust the start and end positions of the graph in the horizontal direction and the display scale according to the start and end positions of the target area in the following manner:

If the pressing operation continues to move to the right, the horizontal start position of the target area in the horizontal direction is used as the horizontal start position of the redrawn chart, and the horizontal end position of the target area is used as the redrawn chart. The horizontal end position of the chart after drawing; if the press operation is to move continuously to the left, the starting position of the target area in the horizontal direction is used as the horizontal end position of the chart after redrawing, and the target area The end position in the horizontal direction is used as the horizontal start position of the redrawn chart;

Adjust the display scale of the graph in the horizontal direction according to the ratio of the horizontal coordinate difference between the start and end positions of the target area in the horizontal direction and the start and end span of the horizontal coordinate axis of the graph before redrawing.

Optionally, the detection module is further configured to display a side of a semi-transparent rectangular frame at the position where the pressing operation starts to press, and keep the side of the semi-transparent rectangular frame still. If the pressing operation continues to move on the screen, the width of the translucent rectangular frame will be continuously widened.

Optionally, the local zoom-in module is further configured to display a restore button on the screen for returning to the chart before zooming in after the chart is redrawn to enlarge the target area of the chart.

Optionally, the detection module is configured to detect the pressing operation on the screen displaying the graph in the following manner:

A touch operation is detected on the screen displaying the graph, the pressing intensity of the touch operation is acquired, and when the pressing intensity is greater than or equal to a threshold, it is determined that the touch operation is a pressing operation.

The embodiment of the present application also provides an electronic device for partial enlargement of a graph, including: a memory and a processor;

The memory is used to store a program for partial enlargement of the chart, and when the program for local enlargement of the chart is read and executed by the processor, the following operations are performed:

When a press operation is detected on the screen displaying the chart and the press operation continues to move, then the start and end positions of the target area that needs to be partially enlarged are determined according to the movement track of the press operation;

The start and end positions of the graph in the horizontal direction and the display scale are adjusted according to the start and end positions of the target area, and the graph is redrawn to enlarge the target area of the graph.

This application includes the following advantages:

In at least one embodiment of the present application, when the pressing operation is detected and the pressing operation continues to move, the start and end positions of the target area that needs to be partially enlarged are determined according to the movement trajectory of the press operation, and the start and end positions of the target area are adjusted according to the start and end positions of the target area. The starting and ending positions of the chart in the horizontal direction and the display scale, redrawing the chart to enlarge the target area of the chart, the technical solution of this embodiment can realize partial enlargement of the chart by one step of pressing operation, and improve user experience.

Of course, implementing any product of the present application does not necessarily need to achieve all the above-mentioned advantages at the same time.

Description of drawings

The accompanying drawings are used to provide a further understanding of the technical solution of the present invention, and constitute a part of the description, and are used together with the embodiments of the application to explain the technical solution of the present invention, and do not constitute a limitation to the technical solution of the present invention.

FIG. 1 is a flow chart of a method for partially enlarging a chart in Embodiment 1 of the present invention;

Fig. 2 is a flow chart of a method for partially enlarging charts in application example 1 of the present invention;

Figure 3-1 is a schematic interface diagram of the initial state of the chart in Application Example 1 of the present invention;

Fig. 3-2 is a schematic diagram of the interface of the user's finger starting to press the chart in Application Example 1 of the present invention;

Figure 3-3 is a schematic diagram of the interface when the user's finger is pressed and moved in Application Example 1 of the present invention;

Figure 3-4 is a schematic diagram of the partially enlarged interface of the chart of Application Example 1 of the present invention;

Fig. 4 is a schematic diagram of a device for partially enlarging graphs according to Embodiment 2 of the present invention.

Detailed ways

In order to make the purpose, technical solution and advantages of the present invention more clear, the embodiments of the present invention will be described in detail below in conjunction with the accompanying drawings. It should be noted that, in the case of no conflict, the embodiments in the present application and the features in the embodiments can be combined arbitrarily with each other.

The steps shown in the flowcharts of the figures may be performed in a computer system, such as a set of computer-executable instructions. Also, although a logical order is shown in the flowcharts, in some cases the steps shown or described may be performed in an order different from that shown or described herein.

Embodiment one

As shown in Figure 1, a method for partially enlarging a graph includes:

S110, when a press operation is detected on the screen displaying the chart and the press operation continues to move, then determine the start and end positions of the target area that needs to be partially enlarged according to the movement track of the press operation;

S120, adjusting the start and end positions of the graph in the horizontal direction and the display scale according to the start and end positions of the target area, and redrawing the graph to enlarge the target area of the graph;

In this embodiment, the detection of the pressing operation on the screen displaying the chart includes:

Detecting a touch operation on the screen displaying the graph, acquiring the pressing intensity of the touching operation, and determining that the touching operation is a pressing operation when the pressing intensity is greater than or equal to a threshold;

In one embodiment, a touch operation is detected on the screen displaying the graph, and after obtaining the pressing intensity of the touch operation, the method further includes: when the pressing intensity is less than a threshold and the touch operation does not move continuously, determining that the touch operation is a click operation, and determining that the touch operation is a slide operation when the pressing intensity is less than a threshold and the touch operation continues to move;

In one embodiment, the method also includes:

Pop up a menu on the screen upon detection of a tap on the screen displaying the graph; and/or

After detecting a sliding operation on the screen displaying the chart, moving the chart in a horizontal direction;

In this embodiment, the adjustment of the start and end positions of the graph in the horizontal direction and the display scale according to the start and end positions of the target area includes:

If the pressing operation continues to move to the right, the horizontal start position of the target area in the horizontal direction is used as the horizontal start position of the redrawn chart, and the horizontal end position of the target area is used as the redrawn chart. The horizontal end position of the chart after drawing; if the press operation is to move continuously to the left, the starting position of the target area in the horizontal direction is used as the horizontal end position of the chart after redrawing, and the target area The end position in the horizontal direction is used as the horizontal start position of the redrawn chart;

adjusting the display scale of the chart in the horizontal direction according to the ratio of the horizontal coordinate difference between the start and end positions of the target area in the horizontal direction and the start and end span of the horizontal coordinate axis of the chart before redrawing;

In one embodiment, the pressing operation is detected on the screen displaying the chart and the pressing operation continues to move, further comprising:

Display a side of a semi-transparent rectangular frame at the position where the pressing operation starts to press, keep the side of the semi-transparent rectangular frame still, if it is detected that the pressing operation continues to move on the screen, Then the width of the translucent rectangular frame is continuously widened.

In one embodiment, after redrawing the chart to enlarge the target area of the chart, the method further includes:

display on-screen a restore button for reverting to the chart before zooming in;

An example (application example 1) is used to describe this embodiment below. Assuming that the user wants to partially enlarge the bandwidth statistics chart within a query period, the method for partially enlarging the chart of the present invention is adopted, which specifically includes the following steps S201-S207:

Step S201, after the user determines the query time period, display the bandwidth statistical chart within the time period;

For example, as shown in Figure 3-1, suppose the user queries bandwidth statistics from January 6 to January 12. In the bandwidth statistics graph displayed on the interface, the horizontal axis is the time axis and the vertical axis is the bandwidth value.

Step S202, detecting that the user's finger touches the chart, and obtaining the pressing intensity of the touch operation; a prompt box may also pop up where the user's finger touches, and prompt information may be displayed in the prompt box;

For example, as shown in Figure 3-2, the time point touched by the user's finger is 03:00:00 on January 9, 2017, and a prompt box pops up where the user's finger touches. The information displayed in the prompt box can be: The time information and bandwidth statistics information of the touch point; among them, the time information of the touch point is: 03:00:00 on January 09, 2017; the bandwidth statistics information of the touch point is: 11.07Mbps;

Step S203, judging whether the pressing intensity is pressing hard, if yes, execute step S207, otherwise execute step S204;

Step S204, judging whether the touch operation continues to move, if yes, execute step S205, otherwise execute step S206;

Step S205, determine that the touch operation is a sliding operation, move the graph along the horizontal axis for a period of time, and end;

For example, when the user slides his finger to the right for a certain distance and then releases it, the bandwidth statistics graph displayed on the interface will be dragged to the right for a period of time, and the dragging distance of the bandwidth statistics graph is proportional to the distance of the finger sliding;

Step S206, determining that the touch operation is a click operation, popping up a menu on the screen, and ending;

For example, after it is determined that the user performs a click operation, an option menu corresponding to the click operation may be displayed on the interface.

Step S207, judging whether the pressing operation continues to move, if so, execute step S208;

For example, as shown in Figure 3-3, draw a semi-transparent rectangle with the same height as the vertical axis at the initial position of the user's finger press, and display one side of the semi-transparent rectangle at the beginning, and then when the user moves to When moving the finger to the left or right to select a range, the width of the translucent rectangle will continue to widen. When the user moves the finger to a certain point in time and releases it, a prompt box will pop up at the place where the user starts to release the finger. In the prompt box The displayed information can be: time information and bandwidth statistics information of the time point of finger release; wherein, the time information of the time point of finger release is: 10:00:00 on January 10, 2017; the bandwidth of the time point of finger release The stats are: 12.04Mbps;

Step S208, determine the range of the local area selected by the user according to the start and end points of the user's pressing operation, and horizontally enlarge and display the graph corresponding to the local area;

As shown in Figure 3-4, when you release your finger, the chart starts to zoom in automatically, and the range becomes the range selected by the user. Reset the range of the horizontal axis and the scale of the chart according to the coordinates of the start and end points of the press operation, redraw the chart, and the chart displays the waveform under the new range; remove the translucent rectangle to indicate the end of the selection. A restore button can also be generated in the upper right corner of the chart, allowing to return to the state before zooming after clicking.

The method in this application example supports the click operation and the slide operation in the non-press state. The click operation can pop up the menu, and the slide operation can drag the chart. It also supports the zoom range selection in the press state to realize the partial chart zoom function. By directly controlling the chart (without controlling the chart through indirect tool components), the operation is very intuitive, and only one step is required to complete the zoom-in operation, making the operation very convenient. Only one chart is displayed on the interface without displaying between tool groups, so that no additional space is occupied, and the screen space can be fully utilized to display charts.

Embodiment two

As shown in Figure 4, a device for partially enlarging a graph includes:

The detection module 401 is configured to detect the pressing operation on the screen displaying the chart and the pressing operation continues to move, then determine the start and end positions of the target area that needs to be partially enlarged according to the moving track of the pressing operation;

A local enlargement module 402, configured to adjust the start and end positions of the chart in the horizontal direction and the display scale according to the start and end positions of the target area, and redraw the chart to enlarge the target area of the chart;

In this embodiment, the detection module is configured to detect the pressing operation on the screen displaying the graph in the following manner:

Detecting a touch operation on the screen displaying the graph, acquiring the pressing intensity of the touching operation, and determining that the touching operation is a pressing operation when the pressing intensity is greater than or equal to a threshold;

In one embodiment, the detection module is further configured to detect the touch operation on the screen displaying the chart and obtain the pressing intensity of the touch operation, when the pressing intensity is less than a threshold and the touch operation does not continue to move , determining that the touch operation is a click operation, and determining that the touch operation is a slide operation when the pressing intensity is less than a threshold and the touch operation continues to move;

In one embodiment, the device further includes: a click operation processing module 403;

The click operation processing module is configured to pop up a menu on the screen after a click operation is detected on the screen displaying the graph; and/or

The device further includes: a sliding operation processing module 404;

The slide operation processing module is configured to move the chart in the horizontal direction after a slide operation is detected on the screen displaying the chart;

In this embodiment, the local enlargement module is configured to adjust the start and end positions of the chart in the horizontal direction and the display scale according to the start and end positions of the target area in the following manner:

If the pressing operation continues to move to the right, the horizontal start position of the target area in the horizontal direction is used as the horizontal start position of the redrawn chart, and the horizontal end position of the target area is used as the redrawn chart. The horizontal end position of the chart after drawing; if the press operation is to move continuously to the left, the starting position of the target area in the horizontal direction is used as the horizontal end position of the chart after redrawing, and the target area The end position in the horizontal direction is used as the horizontal start position of the redrawn chart;

Adjust the display scale of the graph in the horizontal direction according to the ratio of the horizontal coordinate difference between the start and end positions of the target area in the horizontal direction and the start and end span of the horizontal coordinate axis of the graph before redrawing.

In one embodiment, the detection module is further configured to display a side of a semi-transparent rectangular frame at the position where the pressing operation starts to press, and keep the side of the semi-transparent rectangular frame still. If the pressing operation continues to move on the screen, the width of the translucent rectangular frame will be continuously widened.

In one embodiment, the local zoom-in module is further configured to display on the screen a restore button for returning to the chart before zooming in after the chart is redrawn to enlarge the target area of the chart;

Embodiment three

An electronic device for partial enlargement of charts, comprising: a memory and a processor;

The memory is used to store a program for partial enlargement of the chart, and when the program for local enlargement of the chart is read and executed by the processor, the following operations are performed:

When a press operation is detected on the screen displaying the chart and the press operation continues to move, then the start and end positions of the target area that needs to be partially enlarged are determined according to the movement trajectory of the press operation;

The start and end positions of the graph in the horizontal direction and the display scale are adjusted according to the start and end positions of the target area, and the graph is redrawn to enlarge the target area of the graph.

When the program for reading and writing the database in this embodiment is read and executed by the processor, the operations performed correspond to steps S110-S120 in the first embodiment; other details of the operations performed by the program can be found in the first embodiment.

Although the embodiments disclosed in the present invention are as above, the described content is only an embodiment adopted for understanding the present invention, and is not intended to limit the present invention. Anyone skilled in the field of the present invention can make any modifications and changes in the form and details of the implementation without departing from the spirit and scope disclosed by the present invention, but the patent protection scope of the present invention must still be The scope defined by the appended claims shall prevail.

Claims (11)

1. A method for partially enlarging a graph, comprising: When a press operation is detected on the screen displaying the chart and the press operation continues to move, then the start and end positions of the target area that needs to be partially enlarged are determined according to the movement trajectory of the press operation; The start and end positions of the graph in the horizontal direction and the display scale are adjusted according to the start and end positions of the target area, and the graph is redrawn to enlarge the target area of the graph. 2. The method according to claim 1, characterized in that: The adjusting the start and end positions of the graph in the horizontal direction and the display scale according to the start and end positions of the target area includes: If the pressing operation continues to move to the right, the horizontal start position of the target area in the horizontal direction is used as the horizontal start position of the redrawn chart, and the horizontal end position of the target area is used as the redrawn chart. The horizontal end position of the chart after drawing; if the press operation is to move continuously to the left, the starting position of the target area in the horizontal direction is used as the horizontal end position of the chart after redrawing, and the target area The end position in the horizontal direction is used as the horizontal start position of the redrawn chart; Adjust the display scale of the graph in the horizontal direction according to the ratio of the horizontal coordinate difference between the start and end positions of the target area in the horizontal direction and the start and end span of the horizontal coordinate axis of the graph before redrawing. 3. The method according to claim 1, characterized in that: A press is detected and continues to move on a screen displaying a graph, including: Display a side of a semi-transparent rectangular frame at the position where the pressing operation starts to press, keep the side of the semi-transparent rectangular frame still, if it is detected that the pressing operation continues to move on the screen, Then the width of the translucent rectangular frame is continuously widened. 4. The method according to claim 1, wherein after redrawing the chart to enlarge the target area of the chart, the method further comprises: A restore button for reverting to the graph before zooming in is displayed on the screen. 5. The method according to claim 1, characterized in that: The press operation is detected on the screen displaying the graph, including: A touch operation is detected on the screen displaying the graph, the pressing intensity of the touch operation is acquired, and when the pressing intensity is greater than or equal to a threshold, it is determined that the touch operation is a pressing operation. 6. A device for partially enlarging a graph, comprising: The detection module is used to detect the pressing operation on the screen displaying the chart and the pressing operation continues to move, then determine the start and end positions of the target area that needs to be partially enlarged according to the moving track of the pressing operation; A local enlargement module, configured to adjust the start and end positions of the graph in the horizontal direction and the display scale according to the start and end positions of the target area, and redraw the graph to enlarge the target area of the graph. 7. The device according to claim 6, characterized in that: A local enlargement module, configured to adjust the start and end positions of the chart in the horizontal direction and the display scale according to the start and end positions of the target area in the following manner: If the pressing operation continues to move to the right, the horizontal start position of the target area in the horizontal direction is used as the horizontal start position of the redrawn chart, and the horizontal end position of the target area is used as the redrawn chart. The horizontal end position of the chart after drawing; if the press operation is to move continuously to the left, the starting position of the target area in the horizontal direction is used as the horizontal end position of the chart after redrawing, and the target area The end position in the horizontal direction is used as the horizontal start position of the redrawn chart; Adjust the display scale of the graph in the horizontal direction according to the ratio of the horizontal coordinate difference between the start and end positions of the target area in the horizontal direction and the start and end span of the horizontal coordinate axis of the graph before redrawing. 8. The device according to claim 6, characterized in that: The detection module is also used to display a side of a semi-transparent rectangular frame at the position where the pressing operation starts to press, and keep the side of the semi-transparent rectangular frame still. If it is detected that the pressing operation is at the position continuous movement on the screen, the width of the semi-transparent rectangular frame is continuously widened. 9. The device according to claim 6, characterized in that: The local zoom-in module is further configured to display a restore button on the screen for returning to the chart before zooming in after the chart is redrawn to enlarge the target area of the chart. 10. The device of claim 6, wherein: A detection module for detecting a press operation on a screen displaying a graph in the following manner: A touch operation is detected on the screen displaying the graph, the pressing intensity of the touch operation is acquired, and when the pressing intensity is greater than or equal to a threshold, it is determined that the touch operation is a pressing operation. 11. An electronic device for partial enlargement of charts, comprising: a memory and a processor; It is characterized by: The memory is used to store a program for partial enlargement of the chart, and when the program for local enlargement of the chart is read and executed by the processor, the following operations are performed: When a press operation is detected on the screen displaying the chart and the press operation continues to move, then the start and end positions of the target area that needs to be partially enlarged are determined according to the movement track of the press operation; The start and end positions of the graph in the horizontal direction and the display scale are adjusted according to the start and end positions of the target area, and the graph is redrawn to enlarge the target area of the graph.