CN110569027B

CN110569027B - Flow chart layout method and device applied to electronic equipment and electronic equipment

Info

Publication number: CN110569027B
Application number: CN201910857321.6A
Authority: CN
Inventors: 陈鹏; 虞文明
Original assignee: Lenovo Beijing Ltd
Current assignee: Lenovo Beijing Ltd
Priority date: 2019-09-10
Filing date: 2019-09-10
Publication date: 2021-09-14
Anticipated expiration: 2039-09-10
Also published as: CN110569027A

Abstract

The disclosure provides a flow chart layout method applied to electronic equipment, which includes determining a first area from a display interface displayed with a flow chart, wherein the display interface of the flow chart includes a function area and a display area, the display area includes a second area occupied by the flow chart, the first area is an area except the second area in the display area, and the flow chart displayed in the display interface is rearranged in response to a trigger event aiming at the first area. The disclosure also provides a flow chart layout device and an electronic device.

Description

Flow chart layout method and device applied to electronic equipment and electronic equipment

Technical Field

The disclosure relates to a flow chart layout method and device applied to electronic equipment and the electronic equipment.

Background

In many cases, flow design is needed, and the most difficult part of an online flow designer based on a browser is the layout of flow nodes. At present, most of on-line flow chart designers based on browsers drag a drop node by flow chart designers, and the drop node is dragged to where, although the drop node can be freely placed, it is very difficult to realize a clear and beautiful flow chart. Although some related techniques of automatic layout have appeared, it is inconvenient to require a designer to find options of related functions from a menu or to click a specific button.

Disclosure of Invention

One aspect of the present disclosure provides a flowchart layout method applied to an electronic device, including determining a first area from a display interface in which a flowchart is displayed, where the display interface of the flowchart includes a function area and a display area, the display area includes a second area occupied by the flowchart, and the first area is an area other than the second area in the display area, and in response to a trigger event for the first area, re-laying out the flowchart displayed in the display interface.

Optionally, the determining the first area from the display interface displayed with the flowchart includes determining a plurality of vertices of the flowchart from a display area of the display interface, connecting the vertices to form the second area, and determining an area of the display area other than the second area as the first area.

Optionally, the connecting the plurality of vertices to enclose the second region includes connecting the plurality of vertices to obtain a polygonal region, and the polygonal region and a region with a specific width adjacent to the outer side of the polygonal region are used as the second region.

Optionally, the determining the first area from the display interface displayed with the flowchart includes obtaining historical data of user operations, and determining the specific width from the display interface displayed with the flowchart based on at least the historical data.

Optionally, the method further includes determining at least one disconnected sub-region in the first region, and deleting the sub-region containing pixels with the number less than a first threshold from the first region.

Optionally, the determining the first area from the display interface displayed with the flowchart includes obtaining historical data of user operations, and determining the first threshold from the display interface displayed with the flowchart based on at least the historical data.

Optionally, the flowchart includes at least one node for representing an artificial intelligence model, the data to be processed can be circulated in a manner represented by the flowchart, and the data to be processed passes through the node, represents that the data is processed by the artificial intelligence model, and is output in a format defined by the model.

Optionally, the method further includes displaying the first area and the second area with a first display parameter, and displaying the first area with a second display parameter when the cursor is detected to be in the first area, or displaying the second area with a third display parameter when the cursor is detected to be in the second area.

Optionally, the trigger event for the first area includes a trigger event generated based on a specific operation detected in the first area, where the specific operation includes at least one of a double-click operation, a long-press operation, and a multi-touch operation.

Optionally, the method further includes detecting the presentation interface to update the first area in response to a flowchart editing event.

Another aspect of the disclosure provides a flowchart layout apparatus that includes a determination module and a layout module. The display interface of the flow chart comprises a function area and a display area, the display area comprises a second area occupied by the flow chart, and the first area is an area except the second area in the display area. And the layout module is used for responding to the trigger event aiming at the first area and re-laying out the flow chart displayed in the display interface.

Another aspect of the disclosure provides an electronic device comprising at least one processor and at least one memory storing one or more computer-readable instructions, wherein the one or more computer-readable instructions, when executed by the at least one processor, cause the processor to perform the method as described above.

Another aspect of the disclosure provides a non-volatile storage medium storing computer-executable instructions for implementing the method as described above when executed.

Another aspect of the disclosure provides a computer program comprising computer executable instructions for implementing the method as described above when executed.

Drawings

For a more complete understanding of the present disclosure and the advantages thereof, reference is now made to the following descriptions taken in conjunction with the accompanying drawings, in which:

1A-1C schematically illustrate an exemplary scenario of a flowchart layout method according to an embodiment of the present disclosure;

FIG. 2 schematically illustrates a flow diagram of a flow diagram layout method according to an embodiment of the disclosure;

FIG. 3A schematically illustrates a flow chart for determining a first region according to an embodiment of the present disclosure;

FIG. 3B schematically illustrates a flow chart for determining a first region according to another embodiment of the present disclosure;

FIG. 3C schematically illustrates a flow chart for determining a particular width or first threshold value according to an embodiment of the present disclosure;

FIG. 3D schematically illustrates a flow chart showing displaying a first region or a second region according to an embodiment of the disclosure;

FIG. 4 schematically illustrates a block diagram of a flow diagram placement apparatus according to an embodiment of the disclosure; and

FIG. 5 schematically shows a block diagram of a computer system according to an embodiment of the disclosure.

Detailed Description

Hereinafter, embodiments of the present disclosure will be described with reference to the accompanying drawings. It should be understood that the description is illustrative only and is not intended to limit the scope of the present disclosure. In the following detailed description, for purposes of explanation, numerous specific details are set forth in order to provide a thorough understanding of the embodiments of the disclosure. It may be evident, however, that one or more embodiments may be practiced without these specific details. Moreover, in the following description, descriptions of well-known structures and techniques are omitted so as to not unnecessarily obscure the concepts of the present disclosure.

The terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the disclosure. The terms "comprises," "comprising," and the like, as used herein, specify the presence of stated features, steps, operations, and/or components, but do not preclude the presence or addition of one or more other features, steps, operations, or components.

All terms (including technical and scientific terms) used herein have the same meaning as commonly understood by one of ordinary skill in the art unless otherwise defined. It is noted that the terms used herein should be interpreted as having a meaning that is consistent with the context of this specification and should not be interpreted in an idealized or overly formal sense.

Where a convention analogous to "at least one of A, B and C, etc." is used, in general such a construction is intended in the sense one having skill in the art would understand the convention (e.g., "a system having at least one of A, B and C" would include but not be limited to systems that have a alone, B alone, C alone, a and B together, a and C together, B and C together, and/or A, B, C together, etc.). Where a convention analogous to "A, B or at least one of C, etc." is used, in general such a construction is intended in the sense one having skill in the art would understand the convention (e.g., "a system having at least one of A, B or C" would include but not be limited to systems that have a alone, B alone, C alone, a and B together, a and C together, B and C together, and/or A, B, C together, etc.).

Some block diagrams and/or flow diagrams are shown in the figures. It will be understood that some blocks of the block diagrams and/or flowchart illustrations, or combinations thereof, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, or other programmable data processing apparatus, such that the instructions, which execute via the processor, create means for implementing the functions/acts specified in the block diagrams and/or flowchart block or blocks. The techniques of this disclosure may be implemented in hardware and/or software (including firmware, microcode, etc.). In addition, the techniques of this disclosure may take the form of a computer program product on a computer-readable storage medium having instructions stored thereon for use by or in connection with an instruction execution system.

Fig. 1A-1C schematically illustrate an exemplary scenario of a flowchart layout according to an embodiment of the present disclosure.

As shown in fig. 1A, a display interface 10 of a flowchart may include, for example, a function area 11 and a presentation area 12. A plurality of interactive function controls, such as buttons, may be disposed in the functional area 11, and a user may perform operations on the function controls to implement corresponding functions. Presentation area 12 may be used to present a flow chart that may include a plurality of nodes and connections for connecting the nodes. The nodes are used for representing key links in the process, and the connecting lines are used for representing the execution sequence of the process among the nodes.

According to the embodiment of the disclosure, the flow chart comprises at least one node for representing an artificial intelligence model, data to be processed can flow in a mode represented by the flow chart, the data to be processed passes through the node, the data represented by the data to be processed is processed by the artificial intelligence model, and the data is output in a format defined by the model.

For example, when a user needs to design a set of artificial intelligence model for processing a complex scene, a plurality of nodes for representing a basic artificial intelligence model can be combined into a flow chart, and building of the artificial intelligence model for the complex scene can be realized, wherein the basic artificial intelligence model is the artificial intelligence model for the basic scene, such as a speech recognition model and a face recognition model.

According to the embodiment of the disclosure, when a user draws each node and connecting line of the flow chart for the first time, it is usually difficult to know the conditions of the subsequent nodes and connecting lines, so that after the drawing is completed, the situation that the layout of the flow chart is unreasonable generally exists, for example, a certain local node and connecting line are numerous, another local node and connecting line are rare or even not, the display space is not fully utilized, the flow chart is not attractive, and the reading difficulty is improved. In order to obtain a clear and attractive flowchart as shown in fig. 1B, the browser-based online flowchart designer in the related art usually drags the drop node by the flowchart designer himself, but often takes a lot of time for the user. At present, some related technologies of automatic layout have appeared, but it is inconvenient for designers to find options of related functions from menus or click a specific button.

The embodiment of the disclosure provides a flow chart layout method applied to an electronic device, which includes determining a first area from a display interface displayed with a flow chart, wherein the display interface of the flow chart includes a function area and a display area, the display area includes a second area occupied by the flow chart, the first area is an area except the second area in the display area, and the flow chart displayed in the display interface is rearranged in response to a trigger event aiming at the first area.

As shown in fig. 1C, the presentation area in the flowchart presentation interface may include a first area 121 and a second area 122. The second area 122 may be determined according to the current layout of the flowchart, and the first area 121 may be a portion of the display area except the second area 122, that is, a blank area of the display area that is not used for displaying the flowchart, as an area currently occupied by the flowchart. According to the method, the operation of the user on the first area is detected, so that the flow chart is rearranged, and the operation cost of the user is greatly reduced.

Fig. 2 schematically shows a flowchart of a flowchart layout method applied to an electronic device according to an embodiment of the present disclosure.

As shown in fig. 2, the method includes operations S210 to S220.

In operation S210, a first region is determined from a presentation interface on which the flowchart is presented. The display interface of the flow chart comprises a function area and a display area, the display area comprises a second area occupied by the flow chart, and the first area is an area except the second area in the display area.

According to the embodiment of the present disclosure, there are various ways to determine the first area from the display interface displayed with the flowchart, for example, the first area may be determined by referring to the method shown in fig. 3A.

Fig. 3A schematically illustrates a flow chart for determining a first region according to an embodiment of the present disclosure.

As shown in fig. 3A, the method includes operations S311 and S312.

In operation S311, a plurality of vertices of a flowchart are determined from a display area of the display interface.

In operation S312, the plurality of vertices are connected to enclose the second area, and an area other than the second area in the display area is determined as the first area.

According to the embodiment of the disclosure, part of the nodes can be determined from all the nodes according to the positions of the nodes of the flow chart in the display area, and the nodes are connected to form the second area.

There may be a plurality of different strategies for determining some nodes from all nodes. For example, taking the planar flowchart as an example, the positions of the plurality of vertices may be determined by a rectangular coordinate system, the plurality of vertices may be determined based on the abscissa and the ordinate, and the second region may be determined by connecting the vertices. For another example, an origin position may be determined based on the positions of the vertices, and a polar coordinate system (r, θ) may be established based on the origin position to determine the positions of the vertices. The origin position may be, for example, the position of the center of gravity of the plurality of vertices. And sorting the plurality of vertexes through the r values, determining a plurality of vertexes on the outermost side in the plurality of vertexes, and connecting the vertexes to determine the second area. In another embodiment of the present disclosure, it may be determined that a plurality of vertices are arbitrarily determined to be connected into a polygon, other vertices are divided into inner and outer vertices of the polygon, the inner vertex is omitted, one outer vertex is introduced to form a new polygon, the above operations are repeated until there is no outer vertex of the polygon, and an area surrounded by the obtained polygon is a second area.

According to the embodiment of the present disclosure, the connecting the plurality of vertices to enclose the second region includes connecting the plurality of vertices to obtain a polygonal region, and the polygonal region and a region with a specific width adjacent to the outside of the polygonal region are used as the second region. For example, after connecting to form a polygonal region, a region that is expanded by a certain width outside the polygonal region may be divided into second regions, or when connecting a plurality of vertices to form a polygon, a region outside a line may be determined as a first region using line connection having a certain width. The method can reduce the problem that the vicinity of the vertex is identified as the first area, thereby causing misoperation.

According to the embodiment of the present disclosure, when a plurality of vertices are connected, the vertices may not be connected by a straight line segment, but may be connected by a curved line segment according to the case of the flowchart, and the first region and the second region may be more accurately divided.

According to the embodiment of the disclosure, the first area determined from the display interface displayed with the flowchart can also be determined by means of image recognition, for example. In some scenarios, the application may not be able to directly determine the position of the object in the flowchart, in which case the background area in the presentation area may be identified as the first area by means of image recognition. For example, the range of the first region may be determined based on pixel values of pixel points.

Fig. 3B schematically illustrates a flow chart of determining a first region according to another embodiment of the present disclosure.

As shown in fig. 3B, the method includes operations S321 and S322.

In operation S321, at least one unconnected sub-area of the first area is determined.

In operation S322, a sub-region including a number of pixel points less than a first threshold is deleted from the first region.

According to the embodiment of the present disclosure, in some cases, it may happen that the second region divides the display region into a plurality of sub-regions that are not connected to each other. In this case, if the precision of the division is high, sub-regions with small areas, such as small blank regions surrounded by a plurality of connecting lines in the flowchart, may appear. According to the method, the sub-regions with the small areas can be removed, the situation that the operation of a user in a certain region generates an uncontrollable result is avoided, and the user experience is improved.

According to an embodiment of the present disclosure, the specific width and the first threshold value described above may be determined based on historical data of user operations, and different users may use different specific widths or first threshold values.

Fig. 3C schematically illustrates a flow chart for determining a specific width or first threshold value according to an embodiment of the present disclosure.

As shown in fig. 3C, the method includes operations S331 and S332.

In operation S331, history data of a user operation is obtained.

In operation S332, the specific width or the first threshold is determined from the presentation interface on which the flowchart is presented, based on at least the historical data.

For example, if it is determined from the history data of the user operations that the user's operations are relatively accurate, a smaller specific width or first threshold value may be selected, whereas if it is determined from the history data of the user operations that the user's operations are not sufficiently accurate, a larger specific width or first threshold value may be selected. The specific width or the first threshold may be determined by predicting the operation habit of the user through an artificial intelligence model based on the historical data of the user operation.

According to the embodiment of the disclosure, the method further comprises detecting the display interface to update the first area in response to a flowchart editing event. For example, when the user edits the flowchart, such as adding or deleting a node, or modifying a connection relationship, the first area and the second area in the display area may be re-determined, so that the user may conveniently re-layout the display area.

Reference is made back to fig. 2. In operation S220, the flowchart displayed in the display interface is rearranged in response to a trigger event for the first region.

According to the embodiment of the present disclosure, the trigger event for the first area includes a trigger event generated based on a specific operation detected in the first area, wherein the specific operation may include at least one of a double-click operation, a long-press operation, and a multi-touch operation, for example. For example, the specific operation may include a double-click operation, and if it is detected that the user performs the double-click operation in the first area, an instruction for re-layout of the flowchart shown in the showing interface may be triggered to implement the re-layout of the flowchart.

Fig. 3D schematically illustrates a flow chart showing displaying the first region or the second region according to an embodiment of the present disclosure.

As shown in fig. 3D, the method includes operations S341 and S342.

In operation S341, the first and second regions are displayed with a first display parameter.

In operation S342, the first region is displayed with a second display parameter when the cursor is detected to be in the first region, or the second region is displayed with a third display parameter when the cursor is detected to be in the second region.

According to the disclosed embodiments, the user may be prompted for the division of the first area and the second area. When the user controls the cursor to move to the first area, the display parameter of the first area can be changed, for example, the background color of the first area or the boundary line of the first area is changed, so as to achieve the purpose of prompting the user. Alternatively, when the user controls the cursor to move to the second region, the display parameters of the second region may be changed, for example, the background color of the second region or the boundary line of the second region is changed, so as to prompt the user.

Based on the same inventive concept, the present disclosure also provides a flowchart layout apparatus, and the flowchart layout apparatus according to the embodiment of the present disclosure is described below with reference to fig. 4.

Fig. 4 schematically illustrates a block diagram of a flowchart layout apparatus 400 according to an embodiment of the present disclosure.

As shown in fig. 4, the flowchart layout apparatus 400 includes a determination module 410 and a layout module 420. The apparatus 400 may perform the methods described above with reference to fig. 2, 3A-3D.

The determining module 410, for example, performs the operation S210 described above with reference to fig. 2, for determining the first area from the presentation interface on which the flowchart is presented. The display interface of the flow chart comprises a function area and a display area, the display area comprises a second area occupied by the flow chart, and the first area is an area except the second area in the display area.

The layout module 420, for example, performs operation S220 described above with reference to fig. 2, for re-laying out the flowchart shown in the presentation interface in response to a trigger event for the first area.

According to the embodiment of the disclosure, the determining module 410 may be configured to determine a plurality of vertices of the flowchart from a display area of the display interface, connect the vertices, enclose the second area, and determine an area other than the second area in the display area as the first area.

According to the embodiment of the present disclosure, the connecting the plurality of vertices to enclose the second region includes connecting the plurality of vertices to obtain a polygonal region, and the polygonal region and a region with a specific width adjacent to the outside of the polygonal region are used as the second region.

According to the embodiment of the present disclosure, the determining module 410 may be further configured to obtain historical data of user operations, and determine the specific width from a display interface displayed with a flowchart based on at least the historical data.

According to the embodiment of the present disclosure, the determining module 410 may further be configured to determine at least one disconnected sub-region in the first region, and delete the sub-region containing less than the first threshold of pixel points from the first region.

According to the embodiment of the present disclosure, the determining module 410 may be further configured to obtain historical data of user operations, and determine the first threshold from a display interface on which the flowchart is displayed based on at least the historical data.

According to the embodiment of the present disclosure, the apparatus 400 may further include a display module, configured to display the first area and the second area with a first display parameter, and display the first area with a second display parameter when it is detected that the cursor is in the first area, or display the second area with a third display parameter when it is detected that the cursor is in the second area.

According to the embodiment of the disclosure, the trigger event for the first area comprises a trigger event generated based on a specific operation detected in the first area, wherein the specific operation comprises at least one of a double-click operation, a long-press operation and a multi-touch operation.

According to an embodiment of the present disclosure, the apparatus 400 may further include an updating module, configured to detect the presentation interface in response to a flowchart editing event, so as to update the first area.

Any number of modules, sub-modules, units, sub-units, or at least part of the functionality of any number thereof according to embodiments of the present disclosure may be implemented in one module. Any one or more of the modules, sub-modules, units, and sub-units according to the embodiments of the present disclosure may be implemented by being split into a plurality of modules. Any one or more of the modules, sub-modules, units, sub-units according to embodiments of the present disclosure may be implemented at least in part as a hardware circuit, such as a Field Programmable Gate Array (FPGA), a Programmable Logic Array (PLA), a system on a chip, a system on a substrate, a system on a package, an Application Specific Integrated Circuit (ASIC), or may be implemented in any other reasonable manner of hardware or firmware by integrating or packaging a circuit, or in any one of or a suitable combination of software, hardware, and firmware implementations. Alternatively, one or more of the modules, sub-modules, units, sub-units according to embodiments of the disclosure may be at least partially implemented as a computer program module, which when executed may perform the corresponding functions.

For example, the determination module 410, the layout module 420, the display module, and the update module may be combined in one module to be implemented, or any one of them may be split into a plurality of modules. Alternatively, at least part of the functionality of one or more of these modules may be combined with at least part of the functionality of the other modules and implemented in one module. According to an embodiment of the present disclosure, at least one of the determining module 410, the layout module 420, the display module, and the update module may be implemented at least in part as a hardware circuit, such as a Field Programmable Gate Array (FPGA), a Programmable Logic Array (PLA), a system on a chip, a system on a substrate, a system on a package, an Application Specific Integrated Circuit (ASIC), or may be implemented in hardware or firmware in any other reasonable manner of integrating or packaging a circuit, or in any one of or a suitable combination of software, hardware, and firmware. Alternatively, at least one of the determining module 410, the layout module 420, the display module and the updating module may be at least partially implemented as a computer program module, which when executed, may perform a corresponding function.

FIG. 5 schematically illustrates a block diagram of a computer system suitable for implementing the above-described method according to an embodiment of the present disclosure. The computer system illustrated in FIG. 5 is only one example and should not impose any limitations on the scope of use or functionality of embodiments of the disclosure.

As shown in fig. 5, computer system 500 includes a processor 510 and a computer-readable storage medium 520. The computer system 500 may perform a method according to an embodiment of the disclosure.

In particular, processor 510 may include, for example, a general purpose microprocessor, an instruction set processor and/or related chip set and/or a special purpose microprocessor (e.g., an Application Specific Integrated Circuit (ASIC)), and/or the like. The processor 510 may also include on-board memory for caching purposes. Processor 510 may be a single processing unit or a plurality of processing units for performing different actions of a method flow according to embodiments of the disclosure.

Computer-readable storage media 520, for example, may be non-volatile computer-readable storage media, specific examples including, but not limited to: magnetic storage devices, such as magnetic tape or Hard Disk Drives (HDDs); optical storage devices, such as compact disks (CD-ROMs); a memory, such as a Random Access Memory (RAM) or a flash memory; and so on.

The computer-readable storage medium 520 may include a computer program 521, which computer program 521 may include code/computer-executable instructions that, when executed by the processor 510, cause the processor 510 to perform a method according to an embodiment of the disclosure, or any variation thereof.

The computer program 521 may be configured with, for example, computer program code comprising computer program modules. For example, in an example embodiment, code in computer program 521 may include one or more program modules, including for example 521A, modules 521B, … …. It should be noted that the division and number of modules are not fixed, and those skilled in the art may use suitable program modules or program module combinations according to actual situations, and when these program modules are executed by the processor 510, the processor 510 may execute the method according to the embodiment of the present disclosure or any variation thereof.

According to an embodiment of the present invention, at least one of the determining module 410, the layout module 420, the display module, and the updating module may be implemented as a computer program module as described with reference to fig. 5, which, when executed by the processor 510, may implement the respective operations described above.

The present disclosure also provides a computer-readable storage medium, which may be contained in the apparatus/device/system described in the above embodiments; or may exist separately and not be assembled into the device/apparatus/system. The computer-readable storage medium carries one or more programs which, when executed, implement the method according to an embodiment of the disclosure.

According to embodiments of the present disclosure, the computer-readable storage medium may be a non-volatile computer-readable storage medium, which may include, for example but is not limited to: a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the present disclosure, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.

The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams or flowchart illustration, and combinations of blocks in the block diagrams or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.

Those skilled in the art will appreciate that various combinations and/or combinations of features recited in the various embodiments and/or claims of the present disclosure can be made, even if such combinations or combinations are not expressly recited in the present disclosure. In particular, various combinations and/or combinations of the features recited in the various embodiments and/or claims of the present disclosure may be made without departing from the spirit or teaching of the present disclosure. All such combinations and/or associations are within the scope of the present disclosure.

While the disclosure has been shown and described with reference to certain exemplary embodiments thereof, it will be understood by those skilled in the art that various changes in form and details may be made therein without departing from the spirit and scope of the disclosure as defined by the appended claims and their equivalents. Accordingly, the scope of the present disclosure should not be limited to the above-described embodiments, but should be defined not only by the appended claims, but also by equivalents thereof.

Claims

1. A flow chart layout method applied to an electronic device comprises the following steps:

determining a first area from a display interface displayed with a flow chart, wherein the display interface of the flow chart comprises a function area and a display area, the display area comprises a second area occupied by the flow chart, and the first area is an area except the second area in the display area; and

re-laying out the flow chart displayed in the display interface in response to a trigger event aiming at the first area;

wherein the determining the first area from the display interface displayed with the flowchart comprises:

determining a plurality of vertexes of the flow chart from a display area of the display interface;

connecting the plurality of vertexes to obtain a polygonal area;

taking the polygonal area and an area with a specific width adjacent to the outer side of the polygonal area as the second area, and determining the area except the second area in the display area as the first area;

the specific width is determined by the following method:

obtaining historical data of user operation;

determining the specific width from a presentation interface presented with a flowchart based at least on the historical data.

2. The method of claim 1, further comprising:

determining at least one unconnected sub-area in the first area;

and deleting the subarea containing the pixel points with the number less than a first threshold value from the first area.

3. The method of claim 2, wherein the determining a first region from the presentation interface on which the flowchart is presented comprises:

obtaining historical data of user operation;

determining the first threshold from a display interface displayed with a flow chart based on at least the historical data.

4. The method of claim 1, wherein the flow chart includes at least one node for representing an artificial intelligence model, wherein the data to be processed can be circulated in a flow chart representation manner, the data to be processed passes through the node, and the data is represented, processed by the artificial intelligence model and output in a model-defined format.

5. The method of claim 1, further comprising:

displaying the first area and the second area with a first display parameter;

when the cursor is detected to be in the first area, displaying the first area with a second display parameter; or

And when the cursor is detected to be in the second area, displaying the second area with a third display parameter.

6. The method of claim 1, wherein:

the trigger event for the first area comprises a trigger event generated based on a specific operation detected in the first area, wherein the specific operation comprises at least one of a double-click operation, a long-press operation and a multi-touch operation; and/or

The method also includes detecting the presentation interface to update the first region in response to a flowchart editing event.

7. A flowchart layout apparatus comprising:

the display interface comprises a function area and a display area, wherein the display area comprises a second area occupied by the flow chart, and the first area is an area except the second area in the display area; and

the layout module is used for responding to a trigger event aiming at the first area and re-laying out the flow chart displayed in the display interface;

connecting the plurality of vertexes to obtain a polygonal area;

the determining module is further used for obtaining historical data of user operation; determining the specific width from a presentation interface presented with a flowchart based at least on the historical data.

8. An electronic device, comprising:

a processor; and

a memory having computer-readable instructions stored thereon that, when executed by the processor, cause the processor to:

connecting the plurality of vertexes to obtain a polygonal area;

the specific width is determined by the following method:

obtaining historical data of user operation;