Visual display method and device, storage medium and computer product

Abstract

The invention provides a visual display method and device, a storage medium and a computer product, and the method comprises the steps: obtaining data of a first relation graph, and obtaining a node mapping relation according to the matching degree of nodes in the first relation graph and nodes in a second relation graph; and finally, according to the node mapping relation and the first relation graph, configuring the second relation graph. The first relation graph and the second relation graph are displayed in the same interface. Two or more relation graphs are displayed on the same interface at the same time, complex data are visually displayed through multiple graphs, and the visual display efficiency is improved.

Description

TECHNICAL FIELD

[0001] The present application belongs to the technical field of electronics, and particularly relates to a visualization technology, and specifically relates to a visualization display method and device, a storage medium, and a computer product. BACKGROUND

[0002] With the development of big data and artificial intelligent (AI) technology, more and more graph algorithms are applied to business scenarios, and it is more and more common to structure existing knowledge and deposit expert experience and knowledge rules. In a graph network applying a graph algorithm, the meaning behind the data is identified by interpreting the structural relationship of the graph network, and the more the number of links in the graph network, the larger the application scenario of the graph network.

[0003] In order to better display the structure of the graph network, AI network features (such as rules and relationships between network nodes) are usually used for display, and tables and graphs can be used for display. However, the table display is not as intuitive as the graph display, and it is difficult to understand the correlation of the table display. Graph visualization is a means of intuitively displaying graph data structures to end users, which can assist users in analyzing complex relational data. However, two or more graph visualizations in the prior art often need to be displayed in different interfaces, and the user needs to constantly switch interfaces for comparison and confirmation when performing configuration adjustment, which is low in configuration efficiency. Therefore, how to provide an efficient visualization technology has become a problem to be solved. SUMMARY

[0004] The present application provides a visualization display method and device, a storage medium, and a computer product. The method comprises the following steps: obtaining data of a first relationship graph; obtaining a node mapping relationship according to a matching degree between nodes in the first relationship graph and nodes in a second relationship graph; and configuring the second relationship graph according to the node mapping relationship and the first relationship graph. The first relationship graph and the second relationship graph are displayed in the same interface. Two or more relationship graphs are displayed in the same interface, complex data is intuitively displayed through multiple graphs, and the efficiency of visualization display is improved.

[0005] In a first aspect, the present application provides a visual display method, obtaining data of a first relationship graph; the data of the first relationship graph comprises any one or more of graph model basic information, graph interaction configuration information, self-defined node information, and node relationship information, the first relationship graph comprises connection rules between nodes in the first relationship graph; displaying the data of the first relationship graph; configuring the second relationship graph according to the data of the first relationship graph; the first relationship graph and the second relationship graph have a mapping relationship, and the mapping relationship is obtained according to the matching degree of the nodes in the first relationship graph and the nodes in the second relationship graph to display the first relationship graph and the second relationship graph in the same display interface.

[0006] Thus, the two relationship graphs are displayed in the same interface at the same time, which not only improves the efficiency of visual display, but also improves the operation and configuration efficiency of the user to configure the relationship graph based on professional knowledge.

[0007] As one of the possible implementations, the visual display method provided by the present application comprises: configuring the second relationship graph according to the data of the first relationship graph, including: configuring and displaying the first relationship graph and / or the second relationship graph in response to different operations of the user.

[0008] By responding to different operations of the user, the configuration diversity of the relationship graph is improved, the efficiency of human-computer interaction is enhanced, and the configuration efficiency of the user to the relationship graph is further improved.

[0009] As one of the possible implementations, the visual display method provided by the present application comprises: configuring the second relationship graph according to the data of the first relationship graph, including: displaying the nodes with the mapping relationship with the same identifier, and displaying in the first relationship graph and the second relationship graph; wherein the same identifier comprises the same number.

[0010] Identifying the nodes with the mapping relationship in different relationship graphs helps the user to intuitively understand and obtain the information of the nodes. For example, the gross profit margin in the first relationship graph and the gross profit margin in the second relationship graph have a mapping relationship, and displaying the same identifier for both of them is beneficial to the user to intuitively obtain the nodes with the mapping relationship, so as to further quickly obtain various information of the node from any one of the relationship graphs, thereby assisting in quickly and efficiently making another relationship graph.

[0011] As one of the possible implementations, the visual display method provided by the present application comprises: configuring the second relationship graph according to the data of the first relationship graph, including: in response to receiving modification of the node content in the first relationship graph, notifying the node in the second relationship graph with the same identifier as the modified node in the first relationship graph to complete the same content modification synchronously.

[0012] The synchronous modification function helps to automatically realize the synchronization of multiple information graphs, reduces the complicated operation of the user, and improves the work efficiency.

[0013] As one of the possible implementations, the visualization display method provided by the application configures the second relationship graph according to the data of the first relationship graph, and the mapping relationship between the nodes with the same identifier in the first relationship graph and the second relationship graph is automatically synchronized to all relationship graphs except the first relationship graph and the second relationship graph.

[0014] The synchronization function helps to automatically realize the synchronization of multiple information graphs, reduces the complicated operation of the user, and improves the work efficiency.

[0015] As one of the possible implementations, the visualization display method provided by the application marks the nodes with the same identifier according to the mapping relationship, and includes the following steps: receiving the operation of the user as clicking the node content; marking the node content in the first relationship graph with a serial number value according to the operation of the user; wherein the serial number value is determined according to the order of the node being clicked and selected; and marking the node content in the second relationship graph which has the mapping relationship with the node in the first relationship graph as the same serial number value according to the node mapping relationship.

[0016] Marking the nodes according to the numbers or the serial numbers is intuitive and efficient.

[0017] As one of the possible implementations, the visualization display method provided by the application receives the operation of the user as clicking the node content; obtains the ID information of the clicked and selected node; determines whether the clicked and selected node belongs to the first relationship graph or the second relationship graph according to the ID information of the node, and obtains a determination result; obtains the node attribute information in the corresponding relationship graph information according to the determination result, and displays the node attribute information; wherein the display mode includes displaying through a list.

[0018] The configured relationship graph is updated to the database and displayed on the list, and through the cycle, the list will display more and more rich relationship graph types and information, and through the efficient visualization display, the operation efficiency of the user is improved.

[0019] As one of the possible implementations, the visualization display method provided by the application receives the operation of the user as double-clicking to cancel; cancels the identifier on the node of the first relationship graph according to the operation of the user; and synchronously cancels the identifier of the node in the second relationship graph which corresponds to the canceled and selected node in the first relationship graph according to the node mapping relationship.

[0020] The synchronous cancellation helps to automatically realize the synchronization of multiple information graphs, reduces the complicated operation of the user, and improves the work efficiency.

[0021] As one of the possible implementations, the visual display method provided by the application, when one node in the first relationship diagram corresponds to one node in the second relationship diagram, the node in the second relationship diagram corresponding to the node in the first relationship diagram is automatically canceled in response to the cancellation of the node in the first relationship diagram; when one node in the first relationship diagram corresponds to multiple nodes in the second relationship diagram, the node in the first relationship diagram corresponding to the node in the second relationship diagram will not be automatically canceled until all nodes in the second relationship diagram are canceled, and the node in the first relationship diagram corresponding to the node is canceled.

[0022] When multiple nodes have a mapping relationship with a single node, the cancellation of the single node will not cancel all node mapping relationships, ensuring the accuracy of the node mapping relationship and improving the authenticity and accuracy of the data.

[0023] As one of the possible implementations, the visual display method provided by the application, the node is expandable display, when the received user operation is to expand the node content, the subordinate nodes of the node are displayed; when the received user operation is to shrink the node content, the content of the node is hidden.

[0024] Optionally, if the identifier of the node is an identifier with a plus sign (+), for example, a circle with a plus sign (+), indicating that the node is expandable, when the user clicks the circle identifier with a plus sign (+), the subordinate nodes of the node can be displayed. If the identifier of the node is an identifier with a minus sign (-), for example, a circle with a minus sign (-), indicating that the node is collapsible, when the user clicks the circle identifier with a minus sign (-), the subordinate nodes of the node content will be hidden.

[0025] Through expansion and hiding, the content in the relationship diagram can be efficiently adjusted to adapt to various display requirements.

[0026] As one of the possible implementations, the visual display method provided by the application, the user's operation is highlighted; the highlighted node in the first relationship diagram is synchronously displayed in the second relationship diagram, and the highlighted node in the second relationship diagram is a node with the same serial number value as the highlighted node in the first relationship diagram; the view center of the interface is updated, and the highlighted node is displayed as the view center in the interface.

[0027] Displaying the highlighted node as the visual center helps to improve the display experience and display the most important information of the user in the view center, realizing efficient and automatic visualization.

[0028] As one of the possible implementations, the visual display method provided by the application receives a user operation as highlighting; when the highlighted nodes in the first relationship diagram are displayed synchronously to multiple nodes in the second relationship diagram, the geometric centers of the multiple nodes in the second relationship diagram are calculated, and the view center of the interface is updated with the geometric center in the second relationship diagram as the view center.

[0029] It should be understood that the geometric center of the multiple highlighted areas is taken as the visual center to achieve efficient and automatic visualization

[0030] In a second aspect, the application provides a visual display device, which includes various modules for executing the data processing method in the first aspect or any implementation manner of the first aspect.

[0031] In a third aspect, the application provides an electronic device, which includes at least one electronic device, each device including a processor and a memory: the processor is coupled with the memory; the memory is used to store a program; and the processor is used to execute the program in the memory, so as to execute the operation steps of the method in the first aspect or any possible implementation manner of the first aspect.

[0032] In a fourth aspect, the application provides a computer-readable storage medium, which includes a computer program stored in the computer-readable storage medium, and the computer program is executed by a processor to implement the operation steps of the method in the first aspect or any possible implementation manner of the first aspect.

[0033] In a fifth aspect, the application provides a computer program product, which includes a computer-readable instruction stored in the computer program product, and the computer-readable instruction is executed by a processor to implement the operation steps of the method in the first aspect or any possible implementation manner of the first aspect.

[0034] On the basis of the implementation manners provided by the above aspects of the application, further combinations can be made to provide more implementation manners. BRIEF DESCRIPTION OF DRAWINGS

[0035] Figure 1 is a flowchart of a visual display method provided by the application.

[0036] Figure 2 is a schematic diagram of the mapping relationship between the first relationship diagram and the second relationship diagram provided by the application.

[0037] Figure 3 is an operation flowchart of step S1401 provided by the application.

[0038] Figure 4 is an operation flowchart of step S1402 provided by the application.

[0039] Figure 5 is an operation flowchart of step S1403 provided by the present application.

[0040] Figure 6 is an operation flowchart of step S1404 provided by the present application.

[0041] Figure 7 is a structural diagram of an electronic device of a visualization display method provided by the present application.

[0042] Figure 8 is a structural diagram of an electronic device cluster of a visualization display method provided by the present application.

[0043] Figure 9 is a schematic diagram of a network connection mode of an electronic device cluster of a visualization display method provided by the present application. DETAILED DESCRIPTION

[0044] In order to solve the problem of frequent switching of display interfaces and unchanged operation, the present application obtains data of a first relationship graph, and then obtains a node mapping relationship according to a matching degree of a node in the first relationship graph and a node in a second relationship graph. Finally, the second relationship graph is configured according to the node mapping relationship and the first relationship graph. The first relationship graph and the second relationship graph are displayed in the same interface. Two or more relationship graphs are simultaneously displayed in the same interface, complex data is intuitively displayed through multiple graphs, and the efficiency of graph data configuration by a user is improved.

[0045] The technical solutions of the method flow provided by the present application will be explained and described below in combination with the accompanying drawings.

[0046] Figure 1 is a flowchart of a visualization display method provided by the present application, Figure 2 is a display interface schematic diagram of a visualization display provided by the present application, Figure 2 The mapping relationship between the first relationship graph and the second relationship graph and the display interface in a possible implementation manner are exemplarily described, and the present application is not specifically limited.

[0047] The technical solutions of the method flow provided by the present application will be explained and described below in combination with the accompanying drawings. Figure 1 and the accompanying Figure 2 The flow of the display method is introduced in detail.

[0048] Step S100 sends first relationship graph data from a server 100 to an electronic device 200.

[0049] The sequence of step S100 in the flow of the display method is not limited.

[0050] Step S110 obtains data of a first relationship graph.

[0051] Step S110 is performed by the acquisition module 210 in the electronic device 200.

[0052] The data of the first relationship diagram includes any one or more of graph model basic information, graph interaction configuration information, custom node information, and node relationship information.

[0053] The graph model basic information includes any one or more of toolbar configuration and zoom-in button. The graph interaction configuration information includes any one or more of whether to support dragging the canvas, whether to support nodes, and whether to support canvas zooming. The custom element information includes any one or more of a rectangle, a diamond, and a dashed arrow.

[0054] As shown in the first relationship diagram, Figure 2 (1) The first relationship diagram refers to a relationship diagram including one or more nodes. (2) The data of the first relationship diagram refers to one or more node information in the first relationship diagram, which includes node attribute information and edge information. The edge information includes start point coordinates, end point coordinates, and edge type. For example, the content of each node in the first relationship diagram is limited in a rectangle, and the rectangle is the edge information. The start point coordinates and the end point coordinates of the edge information refer to the start coordinates and the end coordinates of the rectangle. This is only an example, and the edge type includes but is not limited to a rectangle, and can also be a diamond or a circle. The edge of the rectangle, the diamond, and the circle can be a dashed line or a solid line. The node attribute information includes any one or more of node identifier (ID), calculation logic, table to which the node belongs, node type, node description, and node name. For example, the node identifier is the ID information of the node, which can be used to distinguish different nodes when storing the node. The calculation logic is “if the prediction method = method 1, then node A1 = node B1 * node C3”. The node description refers to a textual description of the node, and the node name refers to the name of the node displayed in the first relationship diagram or the second relationship diagram. For example, the node name is total income. (3) The first relationship diagram further includes connection rules between the nodes in the first relationship diagram, which refer to the connection relationship between two or more nodes.

[0055] Step S120, according to the data of the first relationship diagram, configuring the second relationship diagram.

[0056] When the acquisition module 210 in the electronic device 200 acquires the data of the first relationship graph, the display device 230 displays the first relationship graph on the display interface. At this time, the user can intuitively compare the contents of the first relationship graph and the second relationship graph, and configure the second relationship graph according to the data in the first relationship graph. For example, the lower node of the node "gross profit margin" needs to be configured in the second relationship graph. The operation user can click or view the upper node and the upper node corresponding to (or having a mapping relationship with) the node "gross profit margin" in the first relationship graph, and the attribute information of the node itself, so as to synchronize the related information to the second relationship graph, and realize the rapid configuration of the second relationship graph.

[0057] Optionally, in the case of configuring the second relationship graph according to the data of the first relationship graph, the first relationship graph can be regarded as a main view for providing data, and the second relationship graph can be regarded as a top view for being configured into a user-required graph by the user's operation according to the actual needs of the user.

[0058] It should be understood that, by synchronously displaying and configuring multiple graphs, the user operation is simple, and the configuration efficiency of the relationship graph is improved.

[0059] As a possible implementation manner, the first relationship graph and the second relationship graph have a mapping relationship, and the mapping relationship is obtained according to the matching degree of the nodes in the first relationship graph and the nodes in the second relationship graph. The matching degree between two or more nodes can be compared by artificial comparison, and the nodes with the same name are considered as the mutually matched nodes. Alternatively, the matching degree between two or more nodes can also be compared intelligently, and the matching degree is obtained by calculating the similarity between the node names. In the process of calculating the similarity, the node name can be regarded as a character vector, and the similarity between the vectors is calculated to obtain the matching degree.

[0060] As an example, referring to Figure 2 , the node A1 in the first relationship graph is cost prediction, and the node A1' in the second relationship graph is also cost prediction. Therefore, the node A1 in the first relationship graph and the node A1' in the second relationship graph have a mapping relationship, that is, the judgment principle of the mapping relationship includes judging according to the matching degree of the node names in the relationship graph.

[0061] As a possible implementation, the node mapping relationship is obtained according to the matching degree of the node in the first relationship graph and the node in the second relationship graph. The matching degree of the node in the first relationship graph and the node in the second relationship graph can be determined by manual judgment or intelligent recognition. The intelligent recognition includes determining the similarity of the nodes by using an algorithm model. First, the name information of the node is obtained, and the node name information in the first relationship graph and the node name information in the second relationship graph are compared in the form of text. According to the judgment result of the similarity comparison, it is determined whether the node in the first relationship graph and the node in the second relationship graph have a mapping relationship.

[0062] It should be understood that by establishing the mapping relationship between the first relationship graph and the second relationship graph, the user can conveniently configure the content of the node and the content of the upper node of the node, so as to facilitate the user to quickly understand the node information and the node relationship, and realize the rapid configuration of the second relationship graph. The upper node refers to the node located above the lower node in the relationship graph. The upper node can be calculated by one or more lower nodes through calculation logic. For example, the data value of the upper node A1 = the data value of the node B1 * the data value of the node C1. Here, A1 is the upper node, and nodes B1 and C1 are lower nodes of node A1.

[0063] Optionally, after the mapping relationship between the node in the first relationship graph and the node in the second relationship graph is established, the user can copy the extension information of the node to the second relationship graph by viewing the extension information of any configurable node in the first relationship graph.

[0064] The extension information of the node includes the information of the lower node of the node. For example, the lower node of the configurable node A1 in the first relationship graph is B1. The user can obtain the lower node B1 of the configurable node A1 by viewing the extension information of the configurable node A1, and synchronize and copy the information to the second relationship graph, so that the node A1' matched with the node A1 in the second relationship graph is also configured with the lower node B1'.

[0065] As a possible implementation, when the user views the expansion information of the configurable node in the first relationship diagram and copies it to the second relationship diagram, the following steps are generally included: viewing the first relationship diagram: first, the user needs to open the first relationship diagram and browse the configurable nodes therein. Selecting a configurable node: the user can select any configurable node and decide which node's expansion information to copy according to his own needs. Copying the expansion information: the user needs to copy the expansion information of the selected node into the second relationship diagram. These expansion information includes the lower nodes of the node. For example: suppose there is a configurable node named "profit" in the first relationship diagram, and its expansion information includes the lower nodes "cost" and "income". The user can copy these information to the second relationship diagram for using these data in the second relationship diagram.

[0066] It should be understood that the configurable node in the first relationship diagram can be expanded to display the expansion information of the node by receiving the user's click operation, so as to more quickly and efficiently directly display the expansion information and quickly copy it to the second relationship diagram, thereby improving the configuration and construction efficiency of the second relationship diagram.

[0067] Optionally, after the mapping relationship between the nodes of the first relationship diagram and the nodes in the second relationship diagram is established, the user hides the lower nodes of the configurable nodes in the first relationship diagram or the second relationship diagram by clicking the hidden button, for example, the hidden button can be a button with a minus sign enclosed in a circle. For example, the lower nodes of the node "cost income" include but are not limited to "single book forecast" and "order quantity forecast".

[0068] Optionally, the nodes in the first relationship diagram or the second relationship diagram include upper nodes and lower nodes, and the upper nodes and the lower nodes are relative; the data of the upper node can be obtained by calculating the data of one or more lower nodes, and according to the data of the upper node and the data of the upper node, each node in the first relationship diagram or the second relationship diagram has a connection relationship. For example, the connection relationship here includes the calculation logic between the nodes, and the upper node "gross profit margin forecast" can be obtained according to the two lower nodes "cost forecast" and "income forecast", so the upper node and the upper node have a connection relationship.

[0069] It should be understood that the data of the first relationship diagram includes the connection relationship between each node and the information of each node, which includes the attribute information of the node, the calculation logic, etc., so by quickly displaying the above information of the first relationship diagram to the user, the user can intuitively configure the second relationship diagram according to the data of the first relationship diagram, thereby improving the user's work efficiency.

[0070] Optionally, the calculation logic of the node is stored in the attribute information of the node, and the specific data value of the node is obtained according to the calculation logic of the node.

[0071] As an example, the calculation rule of the "gross profit margin" node is "gross profit margin = (sales revenue - sales cost) / sales revenue x 100%", and the node stores the calculation rule so as to obtain the specific data value of the node through other nodes.

[0072] As an example, when the relationship graph is initialized and displayed, the system automatically judges whether the node type can be configured according to the pre-configured rule. The automatic judgment method of the system includes: for the node meeting the rule, the node is a configurable node, and the configurable node has an initialization blank circle at the node; for the node not meeting the rule, the node is a non-configurable node, and the non-configurable node does not display a blank circle. The non-configurable node includes but is not limited to an action node type and a reference node type.

[0073] Optionally, after the second relationship graph is configured according to the data of the first relationship graph, the name of the second relationship graph can be stored for customization, and the name corresponding to the second relationship graph is saved in a list, so as to update the relationship graph data in the list which has been pre-configured. For example, the relationship graphs included in the original list are "income relationship graph" and "cost relationship graph", and the two relationship graphs can be displayed as the first relationship graph on the interface. The user obtains the second relationship graph according to the displayed "income relationship graph", and names the second relationship graph as "profit relationship graph". The "profit relationship graph" is also saved in the list and the list is updated, that is, the updated list includes "income relationship graph", "cost relationship graph" and "profit relationship graph". In this way, the relationship graph data in the list is more and more rich, and the operation efficiency of the user is improved.

[0074] Optionally, after the second relationship graph is configured according to the data of the first relationship graph, the mapping relationship between the nodes with the same identifier in the first relationship graph and the second relationship graph is automatically synchronized to all relationship graphs except the first relationship graph and the second relationship graph.

[0075] S130, display the first relationship graph and the second relationship graph in the same display interface.

[0076] In some embodiments, the first relationship graph and the second relationship graph are displayed in the same visualization interface, for example, can be displayed on the display screen of the electronic device, or can also be displayed on the display module of the software.

[0077] Optionally, the user can obtain the data of the first relationship graph by clicking the pre-stored relationship graph in the list bar, and the list bar and the first relationship graph and the second relationship Figure Three graph are displayed in the same interface.

[0078] Optionally, the list bar can include the names of pre-configured relationship diagrams.

[0079] As one possible implementation, when the first and second relationship diagrams are displayed simultaneously on the same screen, the configuration and display of the first and second relationship diagrams can be responded to according to user actions. User actions include: double-clicking, clicking, touching, modifying, and highlighting, without limitation.

[0080] The following is a detailed description of the user's operations and their corresponding response lines through steps S140 and S150.

[0081] S140 receives user operations.

[0082] Step S140 is performed by the display device 230 in the electronic device 200 to receive the user's operation. The order of steps S140 in the display method flow is not specifically limited.

[0083] S150, in response to different user operations, configure and display the first relationship diagram and / or the second relationship diagram.

[0084] As one possible implementation, user actions include: clicking node content, double-clicking to cancel, highlighting node content, and editing node content. Clicking node content has different display responses depending on the area clicked. For example, clicking the circled area of ​​a node assigns a sequence number to the circled area of ​​a configurable node; clicking a non-circled area of ​​a node, such as a blank area or text, indicates that the node is selected, and the entire canvas is displayed with that node as the visual center.

[0085] The following will combine Figures 3 to 6 When the corresponding user's operation is described in detail through steps S1401, S1402, S1403, S1404, S1405, and S1406, the response flow of the display interface is shown.

[0086] S1401 responds to the user's operation of clicking on node content by marking the clicked node content with a sequence number value, the sequence number value being presented sequentially according to the order of the click selection; according to the node mapping relationship, the node content in the second relationship graph that has a mapping relationship with the nodes in the first relationship graph is marked with the same sequence number value.

[0087] In some embodiments, step S1401 can be understood as a response to a user clicking the display screen, wherein the clicking method is a single click, and the clicked area corresponds to a blank circle at the node.

[0088] As an example, when the operation of the user is clicking the content of the node, specifically, the region corresponding to the clicking operation is the blank circle of the configurable node A1 in the first relationship diagram, the blank circle on the configurable node A1 displays the serial number value; for example, when the user clicks the configurable node A1 in the first relationship diagram, the blank circle on the configurable node displays the number 2, at this time, the node A1' in the second relationship diagram which has the mapping relationship with the clicked node A1 also automatically displays the number 2. If the nodes in the second relationship diagram which have the mapping relationship with the selected node are multiple, for example, the nodes A1, A1', A2', and A3' all have the mapping relationship, then the three nodes A1', A2', and A3' all display the number 2.

[0089] As a possible implementation, the determination process of the serial number value will be described in detail below. Clicking the circle region of the node (clicking the circle region of the node is used to indicate marking the serial number value of the circle region of the configurable node), judging whether the node belongs to the first relationship diagram or the second relationship diagram, according to the foregoing description, the first relationship diagram is the main view, and the second relationship diagram is the overhead view, in the process of configuration, the second relationship diagram is configured according to the data of the first relationship diagram. If the node belongs to the first relationship diagram, then it is judged whether the circle region exists the serial number value before the user clicks. If the node belongs to the first relationship diagram and the circle region clicked by the user does not exist the serial number value, querying the serial number value storage table in the first relationship diagram, according to the maximum serial number value (for example, M) in the serial number value storage table in the first relationship diagram, determining that the serial number value displayed in the circle region by the clicking operation of the user this time is M+1; wherein M is a positive integer. If the node belongs to the second relationship diagram, judging whether the circle region of the node clicked by the user already exists the serial number value, if the node belongs to the second relationship diagram and the circle region clicked by the user does not exist the serial number value, according to the last assigned serial number value (for example, M+1) of the first relationship diagram, determining the serial number value (for example, the same as M+1) of the circle region clicked by the user. For example, if the user clicks the circle region of the node in the second relationship diagram, and the last assigned serial number of the first relationship diagram is 3, then the clicking operation makes the node in the second relationship diagram also 3. At this time, the user continues to click in the second relationship diagram, and clicks the circle region of another node in the second relationship diagram again, since the last assigned serial number in the first relationship diagram is still 3, the serial number value of the clicked another node is also still 3.

[0090] It should be understood that through the clicking operation, the mapping relationship between multiple nodes in the first relationship diagram and the second relationship diagram can be quickly established, which is convenient for the user to configure and operate the relationship diagram and improves the work efficiency.

[0091] S1402, in response to the operation of the user, is to click the node content; obtain the ID information of the clicked node; the ID information is used to identify the identity information of the node; according to the ID information of the node, it is judged whether the clicked node belongs to the first relationship graph or the second relationship graph, and the judgment result is obtained; according to the judgment result, the node attribute information in the corresponding relationship graph information is obtained, and the node attribute information is displayed; wherein the display mode includes displaying through a list.

[0092] Optionally, the attribute information of the node includes any one or more of node ID, calculation logic, node belonging table, node type, node description, and node name.

[0093] In some embodiments, step S1402 can be understood as a response to the user's operation of clicking the display screen. The clicking method can be single click, and the clicked area corresponds to the content of the node, for example, it can be the blank or text in the node box, but not the circle at the node.

[0094] It should be understood that through the cancel operation, the node information stored under the nodes in the first relationship graph and the second relationship graph can be quickly viewed, which facilitates the user to intuitively view the node information and improves the work efficiency.

[0095] S1403, in response to the operation of the user, is to double-click cancel; according to the operation of the user, the identification on the node of the first relationship graph is canceled; according to the node mapping relationship, the identification of the node corresponding to the canceled node in the first relationship graph in the second relationship graph is synchronized to cancel.

[0096] In some embodiments, the double-click cancel in step S1402 refers to the operation of the user double-clicking the display screen, and the double-clicked area corresponds to the circle at the node. The circle at the node has a number representing the sequence of the node, and the nodes with the same number represent the mapping relationship between the nodes.

[0097] As a possible implementation, when the user's operation is double-clicking to cancel, it is first determined whether the node double-clicked on belongs to the first relationship graph or the second relationship graph. If the node belongs to the first relationship graph, it is then determined whether the node has a corresponding node with a mapping relationship in the second relationship graph according to the node mapping relationship. If the node has a node with a mapping relationship in the second relationship graph, the corresponding node in the second relationship graph is automatically canceled. It should be understood that the automatic cancellation here refers to canceling the identification on the node, which is used to indicate that the node no longer has a mapping relationship. As a possible implementation, when a node in the first relationship graph corresponds to a node in the second relationship graph, the corresponding node in the second relationship graph is automatically canceled in response to the node in the first relationship graph being canceled. When a node in the first relationship graph corresponds to multiple nodes in the second relationship graph, the corresponding node in the first relationship graph is not automatically canceled in response to one of the nodes in the second relationship graph being canceled, until all the nodes in the second relationship graph are canceled, and the corresponding node in the first relationship graph is canceled.

[0098] As an example, when a node A1 in the first relationship graph corresponds to multiple nodes B1, B2, and B3 in the second relationship graph, when the node B1 in the second relationship graph is double-clicked and canceled, the node A1 in the first relationship graph is not canceled until all the nodes B1, B2, and B3 with a mapping relationship with the node A1 are double-clicked and canceled, and the identification value of the node A1 in the first relationship graph is canceled.

[0099] It should be understood that through the cancel operation, the mapping relationship between multiple nodes in the first relationship graph and the second relationship graph can be quickly canceled / revoked, which facilitates the user's configuration and operation of the relationship graph and improves work efficiency.

[0100] S1404, in response to the user's operation being highlighting, synchronously displaying the highlighted node in the first relationship graph to the second relationship graph, the highlighted node in the second relationship graph being a node with the same serial number value as the highlighted node in the first relationship graph; updating the view center of the interface to display the highlighted node as the view center in the interface.

[0101] In some embodiments, the user highlights the node by clicking the node. When the user clicks the node, it is determined whether the clicked node belongs to the first relationship graph or the second relationship graph. If the node belongs to the first relationship graph, it is then determined whether the clicked node in the first relationship graph has a mapped node in the second relationship graph. If it does, the clicked node in the first relationship graph is first highlighted, and then when the node A1 in the first relationship graph is highlighted, the node B1 in the second relationship graph is automatically synchronized and highlighted. At this time, the layout of the view is updated with the geometric center of the node B1 in the second relationship graph as the view center. If it does not (i.e., the clicked node in the first relationship graph does not have a mapped node in the second relationship graph), only the node in the first relationship graph is highlighted.

[0102] In some embodiments, when the node A1 in the first relationship graph is highlighted, the node B1 in the second relationship graph is automatically synchronized and highlighted. At this time, the current view layout is adjusted with the node B1 in the second relationship graph as the view center, and the layout of the view is updated with the node B1 in the second relationship graph as the view center.

[0103] In some embodiments, the user's operation is highlighting. When the highlighted node in the first relationship graph is synchronized and displayed as multiple nodes in the second relationship graph, the geometric centers of the multiple nodes in the second relationship graph are calculated, and the view center of the interface is updated with the geometric centers of the multiple nodes in the second relationship graph as the view center.

[0104] In some embodiments, when the user clicks on the blank area of the interface, the highlighting is canceled.

[0105] It should be understood that through the highlighting operation, the center of the view can be determined at the node corresponding to the highlighting, and the entire visual canvas is adjusted so that the user focuses on the view content within a fixed range centered on the highlighting, quickly displays the area of interest to the user, and improves the user's use experience and work efficiency.

[0106] S1405, in response to the user editing the node content in the first relationship graph, notifies the node information in the second relationship graph with the same identifier as the modified node in the first relationship graph to complete the same content.

[0107] It should be understood that through the synchronization modification operation, the original modification operation of more than twice is completed with one-time modification and automatic synchronization, which improves the user's work efficiency.

[0108] S1406, in response to the user's operation being zooming;

[0109] determining whether the first relationship diagram supports dragging according to the data of the first relationship diagram;

[0110] in response to the first relationship diagram supporting dragging, obtaining the operation of the mouse, the operation of the mouse including mouse movement, mouse click, and mouse lifting;

[0111] in response to the operation of the mouse being movement, dragging the first relationship diagram.

[0112] Optionally, before the first relationship diagram is dragged, a range of a dragger is determined according to the data of the first relationship diagram, and the first relationship diagram is dragged within the range of the dragger in response to the movement of the mouse.

[0113] It should be understood that the free dragging of the relationship diagram is realized through step S1406, and the operation portability of the user is improved.

[0114] It should be understood that the movement of the first relationship diagram and the second relationship diagram is quickly completed through the movement operation including dragging, and the use experience and work efficiency of the user are improved.

[0115] Step S160 sends the data of the first relationship diagram and the data of the second relationship diagram to the server 100.

[0116] As a possible implementation manner, after the configuration and display of the second relationship diagram are completed according to the data of the first relationship diagram, the data of the second relationship diagram is sent to the server for storage, so that the data of the first relationship diagram and the second relationship diagram can be called, obtained, and inquired again by the user.

[0117] As can be seen from the above, the present application directly displays the relationship between data by using the first relationship diagram, and the connection relationship between nodes and the attribute information of the nodes can be viewed by clicking the corresponding area in the relationship diagram. The complex data is directly displayed by multiple diagrams, and the efficiency of the user in configuring the diagram data is improved. Meanwhile, the second relationship diagram can be configured according to the data of the first relationship diagram, so that the two relationship diagrams can be displayed on the same interface, the problem of switching back and forth when the user configures the second relationship diagram is avoided, the efficiency of the user in configuring and viewing the relationship diagram is improved, and the work efficiency of the user is improved.

[0118] Next, the system architecture of the application to the scene of the visual display method is explained, see Figure 1The structure can include an introduction of the request interaction between the server 100, the electronic device 200, and the user 300. The electronic device 200 includes an obtaining module 210, a configuration module 220, and a display device 230. The electronic device 200 is in communication connection with the server 100 and the user 300, which can be wired connection or wireless connection, and the application does not make specific limitations. The user connected with the electronic device 200 can be one or more, and the application does not make specific limitations here.

[0119] The server 100 and the electronic device 200 can be deployed in a computing device or a computing device cluster, wherein the computing device includes a bare metal server (BMS), a virtual machine, a container, or an edge computing device. The BMS refers to a general-purpose physical server, such as an ARM server or an X86 server; the virtual machine refers to a complete computer system that is simulated by software and runs in a completely isolated environment. The work that can be completed in a physical computer can be realized in a virtual machine. When creating a virtual machine in a computing device, part of the hard disk and memory capacity of the physical machine needs to be used as the hard disk and memory capacity of the virtual machine. Each virtual machine has independent BIOS, hard disk, and operating system, and can be operated like a physical machine; the container is a portable software unit that can combine an application and all its dependencies into a software package that is not limited by the underlying host operating system, so that there is no need to build a complex environment, simplifying the application development to deployment process; the edge computing device refers to a device closer to the data source and the end user, with low delay and high bandwidth characteristics, such as smart routing, edge server, etc. The computing device cluster can include a plurality of computing devices described above, such as a data center, and the application does not make specific limitations. The storage system 400 can also be deployed in a storage array, such as a redundant array of independent disks (RAID), a network-attached storage (NAS), a storage area network (SAN), etc., and the application does not make specific limitations.

[0120] Optionally, the server 100 and the electronic device 200 are deployed in the same computing device, or in different computing devices of the same computing device cluster, or in the computing device and the storage array of the same computing device cluster, or in different computing device clusters, and the application does not make specific limitations.

[0121] Optionally, the server 100 and the electronic device 200 are deployed in the same or different computing device clusters, for example, the server 100 is deployed on a terminal device in a first computing device cluster, and the electronic device is deployed on a computing device in a second computing device cluster; or the server 100 and the electronic device 200 are deployed in the same computing device cluster, and it should be understood that the above examples are used for illustration, and the present application is not limited specifically.

[0122] As shown in the system in Figure 1 , the system includes a server 100, an electronic device 200 and a user 300, and the present application further provides an electronic device 200, wherein the electronic device 200 can be further divided into one or more unit modules, for example, as shown in Figure 1 , the electronic device 200 includes an acquisition module 210, a configuration module 220, and a display device 230, and it should be understood that Figure 1 is an exemplary division manner, and the server 100 and the electronic device 200 can further include more or fewer units, and the present application is not limited specifically. Optionally, the electronic device 200 further includes a judgment module 240 (not shown in the figure).

[0123] The functions of each module in the electronic device 200 provided by the present application will be described below.

[0124] As a possible implementation manner, the electronic device 200 includes an acquisition module 210, configured to acquire data of a first relationship graph; the data of the first relationship graph includes any one or more of graph model basic information, graph interaction configuration information, custom node information, and node relationship information, and the first relationship graph includes connection rules between nodes in the first relationship graph; a configuration module 220, configured to configure a second relationship graph according to the data of the first relationship graph; the first relationship graph and the second relationship graph have a mapping relationship, and the mapping relationship is obtained according to a matching degree of nodes in the first relationship graph and nodes in the second relationship graph; and a display device 230, configured to display the first relationship graph and the second relationship graph in the same display interface. The display device 230 is further configured to display the first relationship graph and / or the second relationship graph in response to different operations of a user; and the configuration module 220 is further configured to configure the first relationship graph and / or the second relationship graph in response to different operations of the user.

[0125] As a possible implementation manner, the electronic device 200 includes a display device 230, further configured to display the same identifier for nodes having the mapping relationship, and display the same identifier in the first relationship graph and the second relationship graph; and the same identifier includes the same number.

[0126] As a possible implementation manner, the electronic device 200 comprises a configuration module 220, and is further configured to, in response to receiving modification of node content in the first relationship graph, notify a node in the second relationship graph having the same identity as the modified node in the first relationship graph to complete modification of the same content.

[0127] As a possible implementation manner, the electronic device 200 comprises a display device 230 configured to receive a user operation as clicking node content; an acquisition module 210 configured to acquire ID information of the clicked node; a judgment module 240 configured to judge, according to the ID information of the node, whether the clicked node belongs to the first relationship graph or the second relationship graph, and obtain a judgment result; and the display device configured to acquire node attribute information from corresponding relationship graph information according to the judgment result, and display the node attribute information; wherein the display manner comprises displaying through a list.

[0128] As a possible implementation manner, the electronic device 200 comprises a display device 230 configured to receive a user operation as clicking node content; an acquisition module 210 configured to acquire ID information of the clicked node; a judgment module 240 configured to judge, according to the ID information of the node, whether the clicked node belongs to the first relationship graph or the second relationship graph, and obtain a judgment result; and the display device 230 configured to acquire node attribute information from corresponding relationship graph information according to the judgment result, and display the node attribute information; wherein the display manner comprises displaying through a list.

[0129] As a possible implementation manner, the electronic device 200 comprises a display device 230 configured to receive a user operation as double-clicking to cancel; configured to cancel the identity on the node of the first relationship graph according to the user operation; and configured to synchronize to cancel the identity of the node in the second relationship graph corresponding to the canceled node in the first relationship graph according to the node mapping relationship.

[0130] As a possible implementation manner, the electronic device 200 comprises a display device 230 configured to, when one node in the first relationship graph corresponds to one node in the second relationship graph, automatically cancel the corresponding node in the second relationship graph in response to the node in the first relationship graph being canceled; and configured to, when one node in the first relationship graph corresponds to multiple nodes in the second relationship graph, not automatically cancel the corresponding node in the first relationship graph in response to one of the nodes in the second relationship graph being canceled, until all the nodes in the second relationship graph are canceled, and the corresponding node in the first relationship graph is canceled.

[0131] As a possible implementation manner, the electronic device 200 comprises a display device 230, configured to display the subordinate nodes of the node when the received user operation is to expand the node content; and hide the content of the node when the received user operation is to contract the node content.

[0132] As a possible implementation manner, the electronic device 200 comprises a display device 230, configured to receive the operation of the user as highlighting; display the highlighted nodes in the first relationship graph to the second relationship graph, the highlighted nodes in the second relationship graph are the nodes with the same serial number value as the highlighted nodes in the first relationship graph; and update the view center of the interface, display the highlighted nodes as the view center in the interface.

[0133] As a possible implementation manner, the electronic device 200 comprises a display device 230, configured to receive the operation of the user as highlighting; when the highlighted nodes in the first relationship graph are displayed to multiple nodes in the second relationship graph, calculate the geometric center of the multiple nodes in the second relationship graph, and update the view center of the interface with the geometric center in the second relationship graph as the view center.

[0134] As a possible implementation manner, the present application further provides an electronic device 200. As shown in Figure 7 , the electronic device 100 comprises a bus 102, a processor 104, a memory 106, a communication interface 108 and a display device 230. The processor 104, the memory 106 and the communication interface 108 communicate through the bus 102. The electronic device 100 can be a server or a terminal device. It should be understood that the present application does not limit the number of processors and memories in the electronic device 100.

[0135] It should be noted that the electronic device 200 shown in the accompanying Figure 1 is the same device as the electronic device 100 shown in the accompanying Figure 7 , 8 , 9.

[0136] The bus 102 can be a peripheral component interconnect Express (PCIe) bus or an extended industry standard architecture (EISA) bus, a unified bus (Ubus or UB), a compute express link (CXL), a cache coherent interconnect for accelerators (CCIX), or the like. Among them, the unified bus is also referred to as a Lightning bus. The bus can be divided into an address bus, a data bus, a control bus, and the like. For ease of representation, Figure 3 Only one line is used in the middle, but it does not mean that there is only one bus or one type of bus. The bus 104 can include a path for transmitting information between various components (for example, the memory 106, the processor 104, the communication interface 108) of the electronic device 100.

[0137] The processor 104 can include any one or more of a central processing unit (CPU), a graphics processing unit (GPU), a microprocessor (MP), or a digital signal processor (DSP), an ASIC, an FPGA, a CPLD, an NPU, a SoC, an offload card, an acceleration card, and the like in an electronic device.

[0138] The memory 106 can include a volatile memory such as a random access memory (RAM). The processor 104 can also include a non-volatile memory such as a read-only memory (ROM), a flash memory, a mechanical hard disk drive (HDD), or a solid state drive (SSD). In addition, the memory 106 can also be implemented through a storage class memory (SCM), a phase change memory (PCM), or other types of storage media.

[0139] The display device 230 can include a display screen such as a touch screen, a computer display screen, a vehicle-mounted display screen, or an LED display screen. The present application does not limit it here.

[0140] It is worth mentioning that the same type of storage medium can be configured in the same electronic device to implement the function of the storage 106, or two or more types of storage medium can be configured to implement the function of the storage 106, which is not limited in the present application.

[0141] The storage 106 stores executable program codes such as the obtaining module 210 and the configuration module 220, and the processor 104 executes the executable program codes to implement the functions of the foregoing obtaining module 210 and the configuration module 220, so as to implement the data processing method. That is, the storage 106 stores instructions for executing the method. In some embodiments, the obtaining module 210 and the configuration module 220 can also be hardware devices such as hardware circuits, and the foregoing functions are respectively implemented by the modules 210 and 220.

[0142] The communication interface 103 uses a transceiving module such as but not limited to a network interface card and a transceiver to implement the communication between the electronic device 100 and other devices or communication networks.

[0143] It should be understood that the electronic device 100 disclosed in the present application can correspond to the electronic device 100 shown in the Figure 1 , and can correspond to the corresponding subject performing the method according to the present application shown in the Figures 1 to 6 , and the foregoing and other operations and / or functions of each module in the electronic device 100 are respectively implemented to implement the corresponding flow of each method in the Figures 1 to 6 , and for the sake of brevity, will not be repeated here.

[0144] The embodiments of the present application also provide an electronic device cluster. The electronic device cluster includes at least one electronic device. The electronic device can be a server, for example, a central server, an edge server, or a local server in a local data center. In some embodiments, the electronic device can also be a terminal device such as a desktop computer, a notebook computer, or a smart phone.

[0145] As shown in the Figure 8 , the electronic device cluster includes at least one electronic device 100. The storage 106 in one or more electronic devices 100 in the electronic device cluster can store the same instructions for executing the method as shown in the Figures 1-6 .

[0146] In some possible implementations, the storage 106 of one or more electronic devices 100 in the electronic device cluster can also respectively store partial instructions for executing the corresponding flow of each method in the Figures 1 to 6 . In other words, the combination of one or more electronic devices 100 can collectively execute the instructions for executing the method as shown in theFigures 1-6 instructions of the method.

[0147] It should be noted that the memories 106 in different electronic devices 100 in the electronic device cluster can store different instructions for respectively performing part of the functions of the obtaining module, the display module, and the configuration module. That is, the instructions stored in the memories 106 in different electronic devices 100 can implement the functions of one or more of the obtaining module, the display module, and the configuration module.

[0148] In some possible implementation manners, one or more electronic devices in the electronic device cluster can be connected through a network. The network can be a wide area network or a local area network, etc. Figure 9 A possible implementation manner is shown. As shown in Figure 9 The two electronic devices 100A and 100B are connected through a network. Specifically, the communication interfaces in the electronic devices are connected to the network. In this type of possible implementation manner, the memory 106 in the electronic device 100A stores instructions for performing the functions of the display module. Meanwhile, the memory 106 in the electronic device 100B stores instructions for performing the functions of the obtaining module, the display module, and the configuration module.

[0149] Figure 9 The connection manner between the electronic device cluster shown in Figures 1 to 6 The respective flow methods of the methods provided in the present application require a large amount of data to be obtained and calculated, and therefore it is considered that the functions implemented by the obtaining module and the configuration module are performed by the electronic device 100B.

[0150] It should be understood that Figure 9 The functions of the electronic device 100A shown in The functions of the electronic device 100B can also be implemented by multiple electronic devices 100.

[0151] The present application also provides another electronic device cluster. The connection relationship between the electronic devices in the electronic device cluster can be similar to the connection manner of the electronic device cluster shown in Figure 7 and Figure 8 The connection manner of the electronic device cluster. The difference is that the memories 106 in one or more electronic devices 100 in the electronic device cluster can store the same instructions for performing the respective flow methods of the methods provided in the present application. Figures 1 to 6

[0152] In some possible implementation manners, the memories 106 in one or more electronic devices 100 in the electronic device cluster can also respectively store instructions for performing the respective flow methods of the methods provided in the present application. Figures 1 to 6part of the instructions of the respective flow of each method in In other words, the combination of one or more electronic devices 100 can collectively execute the instructions for performing the implementation of the respective flow of each method in Figures 1 to 6 the instructions of the respective flow of each method in

[0153] It should be noted that the memories 106 in different electronic devices 100 in the electronic device cluster can store different instructions for performing part of the functions of each system or module shown in Figure 1 That is, the instructions stored in the memories 106 in different electronic devices 100 can implement the functions of one or more devices in the electronic device 100.

[0154] The embodiments of the present application also provide a computer readable storage medium. The computer readable storage medium can be any available medium or data storage device that can store instructions for execution by an electronic device or that includes one or more available media included in a data center or the like. The available medium can be a magnetic medium (for example, a floppy disk, a hard disk, a magnetic tape), an optical medium (for example, a DVD), or a semiconductor medium (for example, a solid state disk) or the like. The computer readable storage medium includes instructions that instruct the electronic device to execute the data processing method or instruct the electronic device to execute the data processing method.

[0155] The embodiments of the present application also provide a computer program product containing instructions. The computer program product can be software or a program product containing instructions that can run on an electronic device or be stored in any available medium. When the computer program product runs on at least one electronic device, it makes the at least one electronic device execute the data processing method.

[0156] Finally, it should be noted that: the above embodiments are only used to illustrate the technical solutions of the present application, and not to limit them; although the present application has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that: it can still modify the technical solutions recorded in the foregoing embodiments, or make equivalent replacement to part of the technical features; and these modifications or replacements do not make the essence of the corresponding technical solutions deviate from the protection scope of the technical solutions of the embodiments of the present application.

Claims

1. A visual display method, characterized in that, obtaining data of a first relationship diagram; the data of the first relationship diagram includes any one or more of graph model basic information, graph interaction configuration information, custom node information, and node relationship information, and the first relationship diagram includes connection rules between nodes in the first relationship diagram; displaying the data of the first relationship diagram; configuring the second relationship diagram according to the data of the first relationship diagram; the first relationship diagram and the second relationship diagram have a mapping relationship, and the mapping relationship is obtained according to the matching degree of the nodes in the first relationship diagram and the nodes in the second relationship diagram to display the first relationship diagram and the second relationship diagram in the same display interface.

2. The display method according to claim 1, wherein According to the data of the first relationship diagram, the second relationship diagram is configured, which includes configuring and displaying the first relationship diagram and / or the second relationship diagram in response to different operations of the user.

3. The display method of claim 1, characterized in that, the nodes with the mapping relationship are displayed with the same identifier and in the first relationship diagram and the second relationship diagram; wherein the same identifier includes the same number.

4. The display method of claim 1, characterized in that, in response to receiving a modification of the node content in the first relationship diagram, notifying the node in the second relationship diagram that has the same identifier as the modified node in the first relationship diagram to complete the same content modification.

5. The display method of claim 2, characterized in that, the mapping relationship between the nodes with the same identifier in the first relationship diagram and the second relationship diagram is automatically synchronized to all relationship diagrams except the first relationship diagram and the second relationship diagram.

6. The display method according to claim 2, wherein The nodes with the mapping relationship are marked with the same identifier, including: receiving the user's operation as clicking on the node content; According to the user's operation, the node content in the first relationship diagram is marked with a serial number value; wherein the serial number value is determined according to the order of the node being clicked and selected; According to the node mapping relationship, the node content in the second relationship diagram that has a mapping relationship with the node in the first relationship diagram is marked with the same serial number value.

7. The display method of claim 2, characterized in that, receiving the user's operation as clicking on the node content; obtaining the ID information of the clicked and selected node; According to the ID information of the node, it is judged whether the clicked and selected node belongs to the first relationship diagram or the second relationship diagram, and a judgment result is obtained; According to the judgment result, the node attribute information in the corresponding relationship diagram information is obtained and displayed; wherein the display mode includes displaying through a list.

8. The display method of claim 5, characterized in that, receiving the user's operation as double-clicking to cancel; According to the user's operation, the identifier on the node of the first relationship diagram is canceled; According to the node mapping relationship, the identifier of the node in the second relationship diagram corresponding to the canceled and selected node in the first relationship diagram is synchronized to cancel.

9. The display method of claim 5, characterized in that, When one node in the first relationship diagram corresponds to one node in the second relationship diagram, the node in the second relationship diagram corresponding thereto is automatically canceled in response to the node in the first relationship diagram being canceled; When one node in the first relationship diagram corresponds to multiple nodes in the second relationship diagram, the node in the first relationship diagram corresponding thereto is not automatically canceled in response to one of the nodes in the second relationship diagram being canceled, until all the nodes in the second relationship diagram are canceled, and the node in the first relationship diagram corresponding thereto is canceled.

10. The display method according to claim 2, wherein The node is expandable, and when the received user operation is to expand the node content, the subordinate nodes of the node are displayed; and when the received user operation is to shrink the node content, the content of the node is hidden.

11. The display method of claim 2, wherein, the received user operation is to highlight; the highlighted node in the first relationship diagram is synchronously displayed in the second relationship diagram, and the highlighted node in the second relationship diagram is a node having the same serial number value as the highlighted node in the first relationship diagram; the view center of the interface is updated, and the highlighted node is displayed as the view center in the interface.

12. The display method of claim 8, wherein, the received user operation is to highlight; when the highlighted node in the first relationship diagram is synchronously displayed in multiple nodes in the second relationship diagram, the geometric center of the multiple nodes in the second relationship diagram is calculated, and the view center of the interface is updated with the geometric center in the second relationship diagram as the view center.

13. An electronic device, comprising: comprising: an acquisition module configured to acquire data of a first relationship diagram; the data of the first relationship diagram comprises any one or more of graph model basic information, graph interaction configuration information, custom node information, and node relationship information, and the first relationship diagram comprises connection rules between nodes in the first relationship diagram; a configuration module configured to configure a second relationship diagram according to the data of the first relationship diagram, wherein the first relationship diagram and the second relationship diagram have a mapping relationship, and the mapping relationship is obtained according to a matching degree between nodes in the first relationship diagram and nodes in the second relationship diagram; a display device configured to display the first relationship diagram and the second relationship diagram in the same display interface. The display device is further configured to display the first relationship diagram and / or the second relationship diagram in response to different user operations. The configuration module is further configured to configure the first relationship diagram and / or the second relationship diagram in response to different user operations.

14. The electronic device of claim 13, wherein, comprising: The display device is further configured to display the same identifier for the nodes having the mapping relationship, and display the same identifier in the first relationship diagram and the second relationship diagram; and the same identifier comprises the same number.

15. The electronic device of claim 13, wherein, comprising: The configuration module is further configured to, in response to receiving a modification of the content of a node in the first relationship diagram, notify a node in the second relationship diagram having the same identifier as the modified node in the first relationship diagram to synchronously complete the same modification of the content.

16. The electronic device of claim 13, wherein, comprising: The display device is configured to receive a user operation of clicking the content of a node. An acquisition module is configured to acquire ID information of a selected node that is clicked; A judgment module is configured to judge whether the selected node that is clicked belongs to the first relationship graph or the second relationship graph according to the ID information of the node, and obtain a judgment result; A display device is configured to acquire node attribute information from corresponding relationship graph information according to the judgment result, and display the node attribute information; wherein the display manner comprises displaying through a list.

17. The electronic device of claim 13, wherein, a display device is configured to receive a user operation as clicking a node content; an acquisition module is configured to acquire ID information of a selected node that is clicked; a judgment module is configured to judge whether the selected node that is clicked belongs to the first relationship graph or the second relationship graph according to the ID information of the node, and obtain a judgment result; a display device is configured to acquire node attribute information from corresponding relationship graph information according to the judgment result, and display the node attribute information; wherein the display manner comprises displaying through a list.

18. The electronic device of claim 13, wherein, a display device is configured to receive a user operation as double-clicking to cancel; configured to cancel an identifier on a node of the first relationship graph according to the user operation; and configured to synchronize to cancel an identifier of a node corresponding to the canceled node in the first relationship graph in the second relationship graph according to a node mapping relationship.

19. The electronic device of claim 13, wherein, a display device is configured to, when one node in the first relationship graph corresponds to one node in the second relationship graph, automatically cancel the node corresponding to the first relationship graph in the second relationship graph in response to the node in the first relationship graph being canceled; and when one node in the first relationship graph corresponds to multiple nodes in the second relationship graph, not automatically cancel the nodes corresponding to the first relationship graph in response to one of the nodes in the second relationship graph being canceled, until all the nodes in the second relationship graph are canceled, the nodes corresponding to the first relationship graph are canceled.

20. The electronic device of claim 13, wherein, a display device is configured to, when a received user operation is to expand a node content, display subordinate nodes of the node; and when a received user operation is to contract a node content, hide the content of the node.

21. The electronic device of claim 13, wherein, a display device is configured to receive a user operation as highlighting; and configured to synchronize to display a highlighted node in the first relationship graph to the second relationship graph, the highlighted node in the second relationship graph being a node having a same serial number value as the highlighted node in the first relationship graph; a display device is configured to update a view center of an interface, and display the highlighted node as the view center in the interface.

22. The electronic device of claim 13, wherein, The display device is used for receiving the operation of a user as highlighting; when the highlighted nodes in the first relationship diagram are synchronously displayed to the nodes in the second relationship diagram as a plurality of nodes, the geometric centers of the plurality of nodes in the second relationship diagram are calculated, and the view center of the interface is updated with the geometric center in the second relationship diagram as the view center.

23. An electronic device, comprising: The electronic device includes a display screen, a processor and a memory, the processor and the memory are connected through a bus and complete communication between each other, the memory is used for storing computer execution instructions, when the electronic device is running, the processor executes the computer execution instructions in the memory to execute the operation steps of the method in any one of claims 1 to 12 by using the hardware resources in the electronic device.

24. A computer-readable storage medium, characterized in that, The computer readable storage medium stores a computer program, and the computer program is executed by the processor to realize the operation steps of the method in any one of claims 1 to 12.

25. A computer program product, characterised in that, The computer program product stores computer readable instructions, and when the computer readable instructions are executed by the processor, the operation steps of the method in any one of claims 1 to 12 are realized.

Images