Visual display method, apparatus, storage medium and computer product

Abstract

The present application provides a visual display method, an apparatus, a storage medium and a computer product. The method comprises: acquiring data of a first relation graph; then, on the basis of the degree of matching between nodes in the first relation graph and nodes in a second relation graph, acquiring a node mapping relation; and finally, on the basis of the node mapping relation and the first relation graph, configuring the second relation graph, the first relation graph and the second relation graph being displayed on the same interface. The present application simultaneously displays two or more relation graphs on the same interface, so as to visually display complex data by means of multiple graphs, thus improving visual display efficiency.

Description

A visual display method and device, storage medium and computer product

[0001] The present application claims priority to the Chinese patent application No. 202410635252.5, filed on May 21, 2024, and entitled "A visual display method and device, storage medium and computer product", the entire content of which is incorporated herein by reference. TECHNICAL FIELD

[0002] The present application belongs to the field of electronic technology, and in particular relates to the visual technology, and specifically relates to a visual display method and device, storage medium and computer product. BACKGROUND

[0003] With the development of big data and artificial intelligence (AI) technology, more and more graph algorithms are applied to business scenarios, and it is also more and more common to structure existing knowledge and deposit expert experience and knowledge rules. In the graph network applying the 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.

[0004] In order to better display the graph network structure, it is usually displayed in the form of AI network features (such as rules and relationships between network nodes), and can be displayed through tables and graphs. However, the table display is not as intuitive as the graph display, and it is difficult to understand the association of the table display. Graph visualization is a means of intuitively displaying graph data structure to end users, which can assist users in analyzing complex relationship 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 to compare and confirm when performing configuration adjustment, which is low in configuration efficiency. Therefore, how to provide an efficient visual technology has become a problem to be solved. SUMMARY

[0005] The present application provides a visual display method and device, storage medium and computer product, which obtains the data of a first relationship graph, and then obtains the node mapping relationship according to the matching degree of the nodes in the first relationship graph and the nodes in the 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 displayed in the same interface, complex data is intuitively displayed through multiple graphs, and the efficiency of visual display is improved.

[0006] 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.

[0007] 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.

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

[0009] Through the response 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.

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

[0011] 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 two with the same identifier helps the user to intuitively obtain the nodes with the mapping relationship, so as to further quickly obtain various information of the nodes from any one of the relationship graphs, thereby assisting in quickly and efficiently making another relationship graph.

[0012] As one of the possible implementations, the visual display method provided by the present application comprises: in response to receiving the 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 modification of the same content synchronously.

[0013] 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.

[0014] As one of the possible implementations, the visual 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.

[0015] 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.

[0016] As one of the possible implementations, the visual 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.

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

[0018] As one of the possible implementations, the visual 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.

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

[0020] As one of the possible implementations, the visual 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.

[0021] 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.

[0022] 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.

[0023] 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.

[0024] 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.

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

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

[0027] 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.

[0028] Displaying with 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.

[0029] 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 graph are displayed synchronously to 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 center in the second relationship graph as the view center.

[0030] It should be understood that the geometric center of the multiple highlighted areas is the visual center, and efficient and automatic visualization is achieved

[0031] 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 of the possible implementations of the first aspect.

[0032] 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 to 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 of the possible implementations of the first aspect.

[0033] 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 of the possible implementations of the first aspect.

[0034] 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 of the possible implementations of the first aspect.

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

[0036] FIG. 1 is a flowchart of a visual display method provided by the application.

[0037] FIG. 2 is a schematic diagram of the mapping relationship between a first relationship graph and a second relationship graph provided by the application.

[0038] FIG. 3 is an operation flowchart of step S1401 provided by the application.

[0039] FIG. 4 is an operation flowchart of step S1402 provided by the application.

[0040] FIG. 5 is an operation flowchart of step S1403 provided by the application.

[0041] FIG. 6 is an operation flow chart of step S1404 provided by the present application.

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

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

[0044] FIG. 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

[0045] 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.

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

[0047] FIG. 1 is a flowchart of a visualization display method provided by the present application, and FIG. 2 is a display interface diagram of a visualization display provided by the present application. FIG. 2 takes the mapping relationship between a first relationship graph and a second relationship graph in a possible implementation manner and a display interface as an example for illustration, and the present application is not limited in this regard.

[0048] The flow of the display method will be described in detail below in combination with FIG. 1 and FIG. 2.

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

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

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

[0052] Step S110 is executed by an obtaining module 210 in the electronic device 200.

[0053] 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.

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

[0055] The first relationship graph is a relationship graph including one or more nodes, the data of the first relationship graph is one or more node information in the first relationship graph, and the node information includes node attribute information and edge information. The edge information includes a starting point coordinate, a terminal point coordinate and an edge type. For example, the content of each node in the first relationship graph is limited in a rectangle, and the rectangle is the edge information. The starting point coordinate and the terminal point coordinate of the edge information refer to the starting coordinate and the terminal coordinate of the rectangle. The edge type includes but is not limited to a rectangle, and can also be a diamond or a circle. The node attribute information includes any one or more of a node identifier (ID), calculation logic, a table to which the node belongs, a node type, a node description and a node name. For example, the node identifier is ID information of the node, and the different nodes can be distinguished by the ID information of the node when the node is stored. The calculation logic is “if a prediction method = method 1, then node A1 = node B1 * node C3”. The node description refers to a textual description for interpreting the node, and the node name refers to a name of the node displayed in the first relationship graph or the second relationship graph. For example, the node name is total income. The first relationship graph further includes a connection rule between nodes in the first relationship graph, and the connection rule between the nodes refers to a connection relationship between two or more nodes.

[0056] In step S120, the second relationship graph is configured according to the data of the first relationship graph.

[0057] 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 a display interface. At this time, the user can intuitively compare the content 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 rate” 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 rate” 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.

[0058] Optionally, according to the data of the first relationship diagram, the second relationship diagram can be configured, the first relationship diagram can be regarded as a main view for providing data, and the second relationship diagram can be regarded as a top view for being configured into a view required by a user according to actual requirements of the user through operation of the user.

[0059] It should be understood that, by synchronously displaying and configuring the multiple diagrams, the user operation is facilitated, and the configuration efficiency of the relationship diagram is improved.

[0060] As a possible implementation, the first relationship diagram and the second relationship diagram have a mapping relationship, and the mapping relationship is obtained according to matching degrees of nodes in the first relationship diagram and nodes in the second relationship diagram. The matching degrees between two or more nodes can be compared manually, and nodes with the same name are considered to be matching nodes. Alternatively, the matching degrees between two or more nodes can also be compared intelligently, and the matching degrees are obtained by calculating the similarity between node names. In the process of calculating the similarity, the node name can be regarded as a text vector, and the similarity between the vectors is calculated to obtain the similarity.

[0061] As an example, referring to FIG. 2, the node A1 in the first relationship diagram is cost prediction, and the node A1' in the second relationship diagram is also cost prediction, so the node A1 in the first relationship diagram and the node A1' in the second relationship diagram have a mapping relationship, that is, the judgment principle of the mapping relationship includes judging according to the matching degrees of the node names in the relationship diagram.

[0062] As a possible implementation, the mapping relationship of the nodes is obtained according to the matching degrees of the nodes in the first relationship diagram and the nodes in the second relationship diagram. The matching degrees of the nodes in the first relationship diagram and the nodes in the second relationship diagram can be judged manually or intelligently. The intelligent identification includes judging the similarity of the nodes by using an algorithm model. First, the name information of the nodes is obtained, and the name information of the nodes in the first relationship diagram and the name information of the nodes in the second relationship diagram are compared in the form of text. According to the judgment result of the similarity comparison, whether the nodes in the first relationship diagram and the nodes in the second relationship diagram have a mapping relationship is judged.

[0063] It should be understood that, by establishing the mapping relationship between the first relationship diagram and the second relationship diagram, the user is facilitated to configure the content of the node and the content of the upper node of the node and the upper node, and the user is facilitated to quickly understand the node information and the node relationship, so that the second relationship diagram is quickly configured. The upper node refers to a node located above a lower node in the relationship diagram. 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 the nodes B1 and C1 are lower nodes of the node A1.

[0064] Optionally, after the mapping relationship between the nodes of the first relationship graph and the nodes in the second relationship graph is established, the user copies 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.

[0065] 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, and the user obtains the information that the lower node of the configurable node A1 is B1 by viewing the extension information of the configurable node A1, and synchronously copies 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'.

[0066] As a possible implementation, when the user views the extension information of the configurable node in the first relationship graph and copies it to the second relationship graph, it usually includes the following steps: viewing the first relationship graph: first, the user needs to open the first relationship graph and browse the configurable nodes. Select a configurable node: the user can select any configurable node and decide which node to copy the extension information according to his own needs. Copy the extension information: the user needs to copy the extension information of the selected node to the second relationship graph. These extension information includes the lower node of the node. For example: suppose there is a configurable node named "profit" in the first relationship graph, and its extension information includes the lower nodes "cost" and "income". The user can copy these information to the second relationship graph for use in the second relationship graph.

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

[0068] Optionally, after the mapping relationship between the nodes of the first relationship graph and the nodes in the second relationship graph is established, the user hides the lower node of the configurable node in the first relationship graph or the second relationship graph 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".

[0069] Optionally, the nodes in the first relationship graph or the second relationship graph include upper nodes and lower nodes, the upper nodes and the lower nodes are relative; the data of the upper nodes can be obtained by calculating the data of one or more lower nodes, and each node in the first relationship graph or the second relationship graph has a connection relationship according to the data of the upper nodes and the data of the lower nodes. For example, the connection relationship herein includes the calculation logic between the nodes, the upper node “gross profit prediction” can be obtained according to two lower nodes “cost prediction” and “income prediction”, and therefore, the upper node and the lower node have a connection relationship.

[0070] It should be understood that the data of the first relationship graph includes the connection relationship between each node and the information of each node, which includes attribute information of the node, calculation logic, etc., and therefore, by quickly displaying the above information of the first relationship graph to the user, the user can intuitively configure the second relationship graph according to the data of the first relationship graph, and the working efficiency of the user is improved.

[0071] 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.

[0072] As an example, the calculation rule of the “gross profit rate” node is “gross profit rate = (sales income – sales cost) / sales income × 100%”, and the node stores the calculation rule, so as to facilitate obtaining the specific data value of the node through other nodes.

[0073] 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, and the automatic judgment method of the system includes: for the nodes that meet the rule, the nodes are configurable nodes, and the configurable nodes have an initialization blank circle at the node; for the nodes that do not meet the rule, the nodes are non-configurable nodes, and the non-configurable nodes do not display the blank circle. The non-configurable nodes include but are not limited to action node types and reference node types.

[0074] 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 in a customized manner, and the name corresponding to the stored 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 in the interface. According to the displayed "income relationship graph", the user obtains the second 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.

[0075] 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.

[0076] S130, the first relationship graph and the second relationship graph are displayed in the same display interface.

[0077] 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.

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

[0079] Optionally, the content of the list bar includes the names of the pre-configured relationship graphs.

[0080] As a possible implementation manner, when the first relationship graph and the second relationship graph are displayed in the same display interface, the configuration and display of the first relationship graph and the second relationship graph can be correspondingly responded according to the user's operation. The user's operation includes double-clicking, clicking, touching, modifying, highlighting, which are not limited herein.

[0081] The user's operation and the corresponding response will be introduced in detail below through steps S140 and S150.

[0082] S140, receiving the user's operation.

[0083] Step S140 is executed by the display device 230 in the electronic device 200 to receive the user's operation. The sequence of step S140 in the flow of the display method is not limited specifically.

[0084] S150, in response to different operations of the user, configuring and displaying the first relationship graph and / or the second relationship graph.

[0085] As a possible implementation, the operation of the user includes: clicking the node content, double-clicking to cancel, highlighting the node content, editing the node content; wherein, the clicking the node content has different display according to the different areas of clicking. For example, when clicking the circle area of the node, the circle area of the configurable node is marked with a serial number value; when clicking the non-circle area of the node, for example, it can be a blank area or a word, it means that the node is selected, and the entire canvas is displayed with the node as the visual center.

[0086] The response process of the display interface when the user operates will be described in detail below by steps S1401, S1402, S1403, S1404, S1405, S1406 in combination with FIGS. 3-6.

[0087] S1401, in response to the operation of the user clicking the node content, marking the serial number value of the clicked selected node content, the serial number value is presented in order according to the clicking selection; according to the node mapping relationship, marking the node content in the second relationship graph which has a mapping relationship with the node in the first relationship graph with the same serial number value.

[0088] In some embodiments, step S1401 can be understood as a response to the user's operation of clicking the display screen, and the clicking method can be single-click, and the clicked area corresponds to the blank circle at the node.

[0089] As an example, when the operation of the user is clicking the content of the node, specifically, the area corresponding to the clicking operation is the blank circle of the configurable node A1 in the first relationship graph, and 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 graph, the blank circle on the configurable node displays the number 2, at this time, the node A1' in the second relationship graph which has a mapping relationship with the clicked selected node A1 also automatically displays the number 2. If the node in the second relationship graph which has a mapping relationship with the selected node is multiple, for example, the node A1 has a mapping relationship with the nodes A1', A2' and A3', then the three nodes A1', A2' and A3' will display the number 2.

[0090] As a possible implementation, the determination process of the marking serial number value will be described in detail below. Click the circle area of the node (click the circle area of the node to indicate marking the serial number value of the circle area of the configurable node), determine whether the node belongs to the first relationship graph or the second relationship graph, according to the foregoing description, the first relationship graph is the main view, and the second relationship graph is the top view. In the configuration process, the second relationship graph is configured according to the data of the first relationship graph. If the node belongs to the first relationship graph, then determine whether the circle area has a serial number value before the user clicks. If the node belongs to the first relationship graph and the circle area clicked by the user does not have a serial number value, query the serial number value storage table in the first relationship graph, and determine that the serial number value displayed in the circle area should be M+1 according to the maximum serial number value (for example, M) in the serial number value storage table in the first relationship graph; wherein M is a positive integer. If the node belongs to the second relationship graph, determine whether the circle area of the node clicked by the user already has a serial number value. If the node belongs to the second relationship graph and the circle area clicked by the user does not have a serial number value, determine the serial number value (for example, the same as M+1) of the circle area clicked by the user according to the last assigned serial number value (for example, M+1) of the first relationship graph. For example, if the user clicks the circle area of the node in the second relationship graph, and the last assigned serial number of the first relationship graph is 3, then the click operation makes the node in the second relationship graph also 3. At this time, the user continues to click in the second relationship graph, and clicks the circle area of another node in the second relationship graph again. Since the last assigned serial number of the first relationship graph is still 3 at this time, the serial number value of the other node clicked again is also still 3.

[0091] It should be understood that through the click operation, the mapping relationship between the plurality of nodes in the first relationship graph and the second relationship graph can be quickly established, which facilitates the user to configure and operate the relationship graph and improves the work efficiency.

[0092] S1402 responds to the user's operation to click the node content; obtains the ID information of the selected and clicked node; the ID information is used to identify the identity information of the node; according to the ID information of the node, determines whether the selected and clicked node belongs to the first relationship graph or the second relationship graph, and obtains a determination result; according to the determination result, obtains the node attribute information in the corresponding relationship graph information, and displays the node attribute information; wherein the display mode includes displaying through a list.

[0093] Optionally, the attribute information of the node includes any one or more of node ID, calculation logic, table to which the node belongs, node type, node description, and node name.

[0094] In some embodiments, step S1402 can be understood as a response to the user clicking the display screen, which can be a single click, and the clicked area corresponds to the content of the node, for example, it can be a blank or text within the node box, but not including the circle at the node.

[0095] 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, facilitating the user to intuitively view the node information and improving work efficiency.

[0096] S1403 responds to the user's operation as double-clicking to cancel; according to the user's operation, 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 node in the first relationship graph in the second relationship graph is synchronized to cancel.

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

[0098] As a possible implementation, when the user's operation is double-clicking to cancel, first determine whether the double-clicked node belongs to the first relationship graph or the second relationship graph. If the node belongs to the first relationship graph, then determine 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, then 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 to indicate that the node no longer has a mapping relationship. As a possible implementation, when one node in the first relationship graph corresponds to one node in the second relationship graph, in response to the node in the first relationship graph being canceled, the corresponding node in the second relationship graph is automatically canceled. When one node in the first relationship graph corresponds to multiple nodes in the second relationship graph, in response to one of the nodes in the second relationship graph being canceled, the corresponding node in the first relationship graph will not be automatically canceled until all the nodes in the second relationship graph are canceled, and the corresponding node in the first relationship graph is canceled.

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

[0100] It should be understood that through the cancel operation, the mapping relationship between the plurality of nodes in the first relationship graph and the second relationship graph can be quickly canceled / revoked, facilitating the user to configure and operate the relationship graph, and improving work efficiency.

[0101] S1404, in response to the operation of the user for highlighting, synchronously displays the highlighted node in the first relationship graph to the second relationship graph, the highlighted node in the second relationship graph is a node with the same serial number value as the highlighted node in the first relationship graph; updates the view center of the interface, and displays the highlighted node as the view center in the interface.

[0102] In some embodiments, the user usually highlights the node by clicking the node. When the user clicks the node, it is judged 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 next judged whether the clicked node in the first relationship graph has a mapped node in the second relationship graph. If it has, firstly, the clicked node in the first relationship graph is highlighted, and secondly, when the node A1 in the first relationship graph is highlighted, the node B1 in the second relationship graph is automatically synchronized to be highlighted. At this time, the geometric center of the node B1 in the second relationship graph is taken as the view center, and the layout of the view is updated. If it does not have (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.

[0103] 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 to be highlighted. At this time, the current view layout is calculated with the node B1 in the second relationship graph as the view center, the current view layout is adjusted, and the layout of the view is updated with the node B1 in the second relationship graph as the view center.

[0104] In some embodiments, the operation of the user for highlighting is received; when the highlighted node in the first relationship graph is synchronously displayed to 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.

[0105] In some embodiments, when the user clicks the blank area of the interface, the highlighting display can be canceled.

[0106] It should be understood that through the highlighting operation, the center of the view can be determined at the node corresponding to the highlighting, the entire visual canvas is adjusted, the user focuses on the view content in a fixed range centered on the highlighting, the region of interest of the user is quickly displayed, and the use experience and work efficiency of the user are improved.

[0107] S1405, in response to the user editing the node content in the first relationship graph, notifying the node information in the second relationship graph with the same identity as the modified node in the first relationship graph to complete the same content.

[0108] It should be understood that through the synchronization modification operation, the modification operation originally required more than twice is completed by one-time modification and automatic synchronization, improving the work efficiency of the user.

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

[0110] According to the data of the first relationship graph, it is determined whether the first relationship graph supports dragging.

[0111] In response to the first relationship graph supporting dragging, the operation of the mouse is obtained, and the operation of the mouse includes mouse movement, mouse single-click, and mouse lifting.

[0112] In response to the operation of the mouse being movement, the first relationship graph is dragged.

[0113] Optionally, before the first relationship graph is dragged, the range of the dragable area is determined according to the data of the first relationship graph, and the first relationship graph is dragged in the range of the dragable area in response to the movement operation of the mouse.

[0114] It should be understood that the free dragging of the relationship graph is realized through step S1406, improving the operation portability of the user.

[0115] It should be understood that through the movement operation including dragging, the movement of the first relationship graph and the second relationship graph is quickly completed, improving the user experience and work efficiency.

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

[0117] As a possible implementation manner, after the configuration and display of the second relationship graph are completed according to the data of the first relationship graph, the data of the second relationship graph is sent to the server for storage, so as to facilitate the user to call, obtain, and query the data of the first relationship graph and the second relationship graph again.

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

[0119] Next, the system architecture applicable to the scene of the visualization display method provided in the present application is explained and described, referring to FIG. 1, the structure can include the request interaction between the server 100, the electronic device 200 and the user 300. The electronic device 200 includes an acquisition module 210, a configuration module 220, a display device 230, and the electronic device 200 and the server 100 and the user 300 exist communication connection, can be wired connection or wireless connection, the present application does not make specific limitation. The user connected with the electronic device 200 can be one or more, the figure is only one example, the present application does not make specific limitation here.

[0120] 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, for example, an ARM server or an X86 server; the virtual machine refers to a complete computer system simulated by software, which runs in a completely isolated environment. The work that can be completed in the entity computer can be realized in the virtual machine. When creating a virtual machine in the computing device, part of the hard disk and memory capacity of the entity machine needs to be used as the hard disk and memory capacity of the virtual machine. Each virtual machine has independent basic input / output system (BIOS), hard disk and operating system, and can be operated like using the entity machine; the container is a portable software unit, which can combine an application and all its dependencies into a software package, which is not limited by the underlying host operating system, so that it is no longer necessary 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 the above computing devices, such as a data center, and the present application does not make specific limitation. The storage system 400 can also be deployed in a storage array, such as a redundant array of independent disks (RAID), network-attached storage (NAS), storage area network (SAN), etc., and the present application does not make specific limitation.

[0121] Optionally, the server 100 and the electronic device 200 are deployed in the same computing device, or are deployed in different computing devices in the same computing device cluster, or are deployed in the computing device and the storage array in the same computing device cluster, or are deployed in different computing device clusters, which are not limited in the present application.

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

[0123] As shown in the system in FIG. 1, including the server 100, the electronic device 200 and the user 300, wherein 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 FIG. 1, the electronic device 200 includes an acquisition module 210, a configuration module 220, a display device 230, it should be understood that FIG. 1 is an exemplary division manner, the server 100, the electronic device 200 can also include more or less units, which are not limited in the present application. Optionally, the electronic device 200 further includes a judgment module 240 (not shown in the figure).

[0124] The functions of each module in the electronic device 200 provided by the present application are described below.

[0125] 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 a user.

[0126] As a possible implementation manner, the electronic device 200 includes the display apparatus 230, and is further used for displaying the same identifier of the node with the mapping relationship, and displaying in the first relationship diagram and the second relationship diagram; wherein the same identifier includes the same number.

[0127] As a possible implementation manner, the electronic device 200 includes the configuration module 220, and is further used for, in response to receiving the modification of the node content in the first relationship diagram, notifying the node in the second relationship diagram with the same identifier of the modified node in the first relationship diagram to complete the modification of the same content.

[0128] As a possible implementation manner, the electronic device 200 includes the display apparatus 230, and is used for receiving the operation of the user as clicking the node content; the acquisition module 210 is used for acquiring the ID information of the clicked selected node; the judgment module 240 is used for judging, according to the ID information of the node, whether the clicked selected node belongs to the first relationship diagram or the second relationship diagram, and obtaining a judgment result; the display apparatus is used for acquiring the node attribute information in the corresponding relationship diagram information according to the judgment result, and displaying the node attribute information; wherein the display manner includes displaying through a list.

[0129] As a possible implementation manner, the electronic device 200 includes the display apparatus 230, and is used for receiving the operation of the user as clicking the node content; the acquisition module 210 is used for acquiring the ID information of the clicked selected node; the judgment module 240 is used for judging, according to the ID information of the node, whether the clicked selected node belongs to the first relationship diagram or the second relationship diagram, and obtaining a judgment result; the display apparatus 230 is used for acquiring the node attribute information in the corresponding relationship diagram information according to the judgment result, and displaying the node attribute information; wherein the display manner includes displaying through a list.

[0130] As a possible implementation manner, the electronic device 200 includes the display apparatus 230, and is used for receiving the operation of the user as double-clicking canceling; is used for canceling the identifier on the node of the first relationship diagram according to the operation of the user; is used for synchronously canceling the identifier of the node corresponding to the canceled selected node in the first relationship diagram in the second relationship diagram according to the node mapping relationship.

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

[0132] As a possible implementation, the electronic device 200 comprises the display device 230, for 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 contract the node content, the content of the node is hidden.

[0133] As a possible implementation, the electronic device 200 comprises the display device 230, for receiving the user operation as highlighting; the highlighted node in the first relationship graph is synchronously displayed in the second relationship graph, the highlighted node in the second relationship graph is the node with the same serial number value as the highlighted node in the first relationship graph; the view center of the interface is updated, and the highlighted node is displayed as the view center in the interface.

[0134] As a possible implementation, the electronic device 200 comprises the display device 230, for receiving the user operation as highlighting; when the highlighted node in the first relationship graph is synchronously displayed in multiple nodes in the second relationship graph, the geometric center of the multiple nodes in the second relationship graph is calculated, and the view center of the interface is updated with the geometric center in the second relationship graph as the view center.

[0135] As a possible implementation, the present application further provides an electronic device 200. As shown in FIG. 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.

[0136] It should be noted that the electronic device 200 shown in FIG. 1 is the same device as the electronic device 100 shown in FIGS. 7, 8 and 9.

[0137] 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 coherent bus. The bus can be divided into an address bus, a data bus, a control bus, and the like. For ease of representation, only one line is represented in FIG. 3, but it does not mean that there is only one bus or only 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.

[0138] 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, or the like in an electronic device.

[0139] 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 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.

[0140] 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 here.

[0141] 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.

[0142] The storage 106 stores executable program codes such as the acquisition module 210 and the configuration module 220, and the processor 104 executes the executable program codes to implement the functions of the aforementioned acquisition module 210 and the configuration module 220, thereby implementing the data processing method. That is, the storage 106 stores instructions for executing the method. In some embodiments, the acquisition module 210 and the configuration module 220 can also be hardware devices such as hardware circuits, etc., which then respectively execute the functions described above.

[0143] 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.

[0144] It should be understood that the electronic device 100 disclosed in the present application can correspond to the electronic device 100 shown in FIG. 1 in the present application, and can correspond to the respective subject executing the methods shown in FIGS. 1-6 according to the present application, and the above and other operations and / or functions of each module in the electronic device 100 are respectively for implementing the respective processes of each method in FIGS. 1-6, which are not described here for brevity.

[0145] 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, such as 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.

[0146] As shown in FIG. 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 methods shown in FIGS. 1-6.

[0147] 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 respective processes of each method in FIGS. 1-6. In other words, the combination of one or more electronic devices 100 can collectively execute the instructions for executing the methods shown in FIGS. 1-6.

[0148] 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.

[0149] 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. FIG. 9 shows a possible implementation manner. As shown in FIG. 9, 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.

[0150] The connection manner between the electronic device cluster shown in FIG. 9 can be that, considering that the implementation of the respective flow methods of the methods in FIGS. 1 to 6 requires a large amount of data to be obtained and calculated, it is considered that the functions implemented by the obtaining module and the configuration module are performed by the electronic device 100B.

[0151] It should be understood that the functions of the electronic device 100A shown in FIG. 9 can also be completed by multiple electronic devices 100. Similarly, the functions of the electronic device 100B can also be completed by multiple electronic devices 100.

[0152] Embodiments of the present application also provide another electronic device cluster. The connection relationship between the electronic devices in the electronic device cluster can be similar to the connection manners of the electronic device clusters described with reference to FIGS. 7 and 8. 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 for implementing the methods in FIGS. 1 to 6.

[0153] In some possible implementation manners, the memories 106 of one or more electronic devices 100 in the electronic device cluster can also respectively store part of the instructions for performing the respective flows for implementing the methods in FIGS. 1 to 6. In other words, the combination of one or more electronic devices 100 can collectively execute the instructions for performing the respective flows for implementing the methods in FIGS. 1 to 6.

[0154] 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 the various systems or modules shown in FIG. 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.

[0155] 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 the instructions of the present application. The computer readable storage medium can be a magnetic medium (e.g., a floppy diskette, a hard disk drive, a magnetic tape), an optical medium (e.g., a DVD), or a semiconductor medium (e.g., a solid state hard drive), etc. The computer readable storage medium includes instructions that instruct an electronic device to perform a data processing method or instruct an electronic device to perform a data processing method.

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

[0157] 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: it can still modify the technical solutions recorded in the foregoing embodiments, or make equivalent replacement for 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 a 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