CN113609282A

CN113609282A - Drawing method of automatic drawing engine

Info

Publication number: CN113609282A
Application number: CN202110908225.7A
Authority: CN
Inventors: 蒋培
Original assignee: Digital China Financial Software Co ltd
Current assignee: Digital China Financial Software Co ltd
Priority date: 2021-08-09
Filing date: 2021-08-09
Publication date: 2021-11-05

Abstract

The present invention provides a drawing method for an automatic drawing engine. The drawing method includes: using a financial knowledge graph to obtain basic data, where the basic data includes basic information of entity nodes, basic information of relationship edges, and a summary of entity nodes and edges The display of the graph data is completed by using a custom style and a custom layout algorithm; the api of the graph service is called to obtain the node data information in the graph data; the node data information is analyzed and calculated to obtain the node coordinates. Combined with the concept of knowledge graph, graph data is used as a data source to dynamically calculate the coordinate information of each data item, and quickly form the elements required for graph information display. It can realize multi-level data information display, can be displayed according to levels and data links, icons used for different types of data, and the overall information display contrast is obvious. Improve user experience.

Description

Drawing method of automatic drawing engine

Technical Field

The invention relates to the field of finance, in particular to a drawing method of an automatic drawing engine.

Background

The IT architecture automatic drawing engine provides intelligent IT architecture display for the interior of a bank, forms a uniform IT architecture view by combining the thought and concept of a financial knowledge map, realizes the relationship link display of application and application, application and functional modules and application and interfaces, provides a query function according to application information and application types and a dynamic screening function of relationships among nodes, and also supports the layered drilling of node information.

The existing internal application system information of each bank is basically stored in a document structure, and tabular data is mostly adopted for collection and arrangement. The relationship between application systems in multiple dimensions cannot be intuitively shown.

In the prior art, the realization or information collection can only collect and display the incidence relation of one level, and the multi-level relation display cannot be realized. The information display form is mostly displayed in a data table form, and the global view and the multi-dimensional detail display are lacked.

Disclosure of Invention

In view of the above, the present invention has been made to provide a drawing method of an automatic drawing engine that overcomes or at least partially solves the above problems.

According to an aspect of the present invention, there is provided a drawing method of an automatic drawing engine, the drawing method including:

acquiring basic data by adopting a financial knowledge graph, wherein the basic data comprises basic information of entity nodes, basic information of relation edges and summarized data of the entity nodes and the edges; the method comprises the following steps of finishing display of map data by adopting a custom style and a custom layout algorithm;

calling an api of a graph service to acquire node data information in the graph data;

analyzing, calculating and processing the node data information to obtain node coordinates;

and drawing a graph page according to the node coordinates.

Optionally, the node data information specifically includes: node (n) is n node information, edge (m) is m edge information, and map (node, num (edge)) is the number of edges associated with a node, num (edge).

Optionally, the financial knowledge graph is used to obtain basic data, where the basic data includes basic information of entity nodes, basic information of relationship edges, and summarized data of the entity nodes and the edges; the method for finishing the display of the map data by adopting the custom style and the custom layout algorithm specifically comprises the following steps:

local refreshing is adopted, each time the canvas is refreshed, the canvas of the last time is cached with the expanded node information, cache data are obtained, and the cache data are refreshed on the canvas;

the node information adopts a design of a self-defined icon and a gradient background color, and configures a semantic icon according to the node attribute;

the design of a right mouse button is adopted, so that a user can add and delete the data and hide the rendered data according to the condition of the edge;

according to different node types, the information of the nodes is dynamically presented, and the unified viewing management of various node type information is realized;

the switch controls the search, including the functions of single node queries, queries between two nodes, node type consanguineous queries, and other contextualized queries.

Optionally, the drawing the graph page according to the node coordinates specifically includes:

judging whether a query condition exists, if so, taking the central node as a main node of the query condition, and taking the main node as a canvas center; otherwise, taking the node with the maximum number of the relational edges as a canvas center node;

selecting the number of relation edges of the nodes, and dividing the number of the layers of the nodes by a modulo 12;

dividing node information according to the number of layers and calculating node coordinates;

sequentially traversing information from more to less according to the number of edge relations, and calculating node coordinates;

judging whether non-leaf nodes are not calculated, if so, returning to the step of selecting the number of relation edges of the nodes, and modulo 12 dividing the number of layers of the nodes; otherwise, traversing all nodes is finished.

The invention provides a drawing method of an automatic drawing engine, which comprises the following steps: acquiring basic data by adopting a financial knowledge graph, wherein the basic data comprises basic information of entity nodes, basic information of relation edges and summarized data of the entity nodes and the edges; the method comprises the following steps of finishing display of map data by adopting a custom style and a custom layout algorithm; calling an api of a graph service to acquire node data information in the graph data; and analyzing, calculating and processing the node data information to obtain node coordinates. The concept of the knowledge graph is combined, graph data are used as data sources, the coordinate information of each data item is dynamically calculated, and elements required by graph message display are quickly formed. The multi-level data information display can be realized, the display can be carried out according to the levels and the data links, the icons used by different types of data are displayed, and the contrast of the whole information display is obvious. The user experience is improved.

The foregoing description is only an overview of the technical solutions of the present invention, and the embodiments of the present invention are described below in order to make the technical means of the present invention more clearly understood and to make the above and other objects, features, and advantages of the present invention more clearly understandable.

Drawings

In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings needed to be used in the description of the embodiments are briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without creative efforts.

Fig. 1 is a flowchart of a method for drawing a graph page according to the node coordinates according to an embodiment of the present invention.

Detailed Description

Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be embodied in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the disclosure to those skilled in the art.

The terms "comprises" and "comprising," and any variations thereof, in the present description and claims and drawings are intended to cover a non-exclusive inclusion, such as a list of steps or elements.

The technical solution of the present invention is further described in detail with reference to the accompanying drawings and embodiments.

As shown in fig. 1, a drawing method of an automatic drawing engine, the drawing method comprising:

acquiring basic data by adopting a financial knowledge graph, wherein the basic data comprises basic information of entity nodes, basic information of relation edges and summarized data of the entity nodes and the edges; the method comprises the following steps of finishing display of map data by adopting a custom style and a custom layout algorithm; the node data information specifically includes: node (n) is n node information, edge (m) is m edge information, and map (node, num (edge)) is the number of edges associated with a node, num (edge).

drawing a graph page according to the node coordinates, judging whether a query condition exists, if so, taking a central node as a main node of the query condition, and taking the main node as a canvas center; otherwise, taking the node with the maximum number of the relational edges as a canvas center node;

Has the advantages that:

1, Page function and Style

And dynamically increasing nodes in the canvas, and realizing local refreshing of the newly added nodes in the interface by caching the node coordinates of the current canvas through codes.

The user interaction experience is enriched, and the design of 'right mouse button' which accords with the public is adopted, so that the user can add, delete, hide and present rendering data according to the conditions of the sides.

A user operates a mouse to check a plurality of information of the nodes, and the information of the nodes is dynamically presented according to different node types, namely, the unified checking management of the information of various node types is realized.

And on the left side of the interface, the display and the hiding of the search area are controlled through a switch. Provides the functions of single node query, query between two nodes, node type consanguineous query and other scenario query, and the user can select the corresponding query according to the requirement

2, node presentation effects

The icons of the multi-style nodes and the gradient unique display modes clearly and friendly distinguish the nodes represented by the different types of entities.

And 3, independently realizing a coordinate algorithm.

And taking a modulus k according to the relation quantity of the nodes and the edges, and judging the drawing levels, namely k lower nodes of the first level, k/2 lower nodes which are 2 times of R (the selected node is the center R and is the radius). k/2 lower points of 1 times R. And every more than K nodes are divided into a hierarchy, and the number of the nodes is twice the radius R of the previous node. If the number of the actual relation sides is less than K, the circle is equally divided according to the number K of the actual relation sides.

The above embodiments are provided to further explain the objects, technical solutions and advantages of the present invention in detail, it should be understood that the above embodiments are merely exemplary embodiments of the present invention and are not intended to limit the scope of the present invention, and any modifications, equivalents, improvements and the like made within the spirit and principle of the present invention should be included in the scope of the present invention.

Claims

1. a drawing method of automatic drawing engine, is characterized in that, described drawing method comprises:

The basic data is obtained by using the financial knowledge graph, and the basic data includes the basic information of entity nodes, the basic information of relationship edges, and the summary data of entity nodes and edges; the display of graph data is completed by using a custom style and a custom layout algorithm;

Call the api of the graph service to obtain the node data information in the graph data;

Perform analysis and calculation processing on the node data information to obtain node coordinates;

Drawing a graphics page according to the node coordinates.

2. The drawing method of an automatic drawing engine according to claim 1, wherein the node data information specifically comprises: node(n) is information of n nodes, and edge(m) is m edges Information, map(node,num(edge)) is the number of edges associated with the node node is num(edge).

3. The drawing method of an automatic drawing engine according to claim 1, wherein the basic data is obtained by using a financial knowledge graph, and the basic data includes basic information of entity nodes, basic information of relationship edges and entities Summary data of nodes and edges; the display of graph data using custom styles and custom layout algorithms includes:

Partial refresh is adopted, and each time the canvas is refreshed, the last canvas is cached with the expanded node information, the cached data is obtained, and the cached data is refreshed on the canvas;

The node information adopts the design of a self-defined icon and a gradient background color, and configures a semantic icon according to the node attribute;

The design of "right mouse button" is adopted for users to add and delete, and hide the rendering data according to the conditions of the edge;

According to different node types, the information of the nodes is dynamically presented, which realizes the unified viewing and management of the information of various node types;

The switch controls the search, including the query of a single node, the query between two nodes, the blood relationship query of node types, and other scene-based query functions.

4. The drawing method of an automatic drawing engine according to claim 1, wherein the drawing a graphic page according to the node coordinates specifically comprises:

Judging whether there is a query condition, if so, the central node is used as the main node of the query condition, and the main node is used as the canvas center; otherwise, the node with the largest number of relationship edges is used as the canvas central node;

Select the number of relationship edges of the node to be modulo 12 to divide the number of layers of the node;

Divide the node information according to the number of layers, and calculate the node coordinates;

Traverse the information in turn according to the number of edge relationships from more to less, and calculate the node coordinates;

Determine whether there are any non-leaf nodes that have not been calculated. If so, return to the step to select the number of relational edges of the node and take the modulo 12 to divide the number of layers of the node; otherwise, traverse all the nodes and end.