CN113609282A - Drawing method of automatic drawing engine - Google Patents
Drawing method of automatic drawing engine Download PDFInfo
- Publication number
- CN113609282A CN113609282A CN202110908225.7A CN202110908225A CN113609282A CN 113609282 A CN113609282 A CN 113609282A CN 202110908225 A CN202110908225 A CN 202110908225A CN 113609282 A CN113609282 A CN 113609282A
- Authority
- CN
- China
- Prior art keywords
- node
- data
- information
- nodes
- edges
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/30—Information retrieval; Database structures therefor; File system structures therefor of unstructured textual data
- G06F16/36—Creation of semantic tools, e.g. ontology or thesauri
- G06F16/367—Ontology
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/30—Information retrieval; Database structures therefor; File system structures therefor of unstructured textual data
- G06F16/33—Querying
- G06F16/338—Presentation of query results
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Computational Linguistics (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Life Sciences & Earth Sciences (AREA)
- Animal Behavior & Ethology (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
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.
Description
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).
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.
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;
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;
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.
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 (4)
1. A drawing method of an automatic drawing engine is characterized in that the drawing method 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;
analyzing, calculating and processing the node data information to obtain node coordinates;
and drawing a graph page according to the node coordinates.
2. The method as claimed in claim 1, wherein 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).
3. The automatic drawing engine drawing method as claimed in claim 1, wherein the financial knowledge map is used to obtain basic data, the basic data includes basic information of entity nodes, basic information of relationship edges, and summary data of entity nodes and 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.
4. The method as claimed in claim 1, wherein said drawing a graphic page according to the node coordinates specifically comprises:
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.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110908225.7A CN113609282A (en) | 2021-08-09 | 2021-08-09 | Drawing method of automatic drawing engine |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110908225.7A CN113609282A (en) | 2021-08-09 | 2021-08-09 | Drawing method of automatic drawing engine |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113609282A true CN113609282A (en) | 2021-11-05 |
Family
ID=78339973
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110908225.7A Pending CN113609282A (en) | 2021-08-09 | 2021-08-09 | Drawing method of automatic drawing engine |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113609282A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115079916A (en) * | 2022-06-15 | 2022-09-20 | 广州市玄武无线科技股份有限公司 | Visual integrated editing canvas drawing method, system, terminal equipment and medium |
| CN117076682A (en) * | 2023-07-24 | 2023-11-17 | 企查查科技股份有限公司 | Knowledge graph generation method and generation equipment |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2019057190A1 (en) * | 2017-09-25 | 2019-03-28 | 腾讯科技（深圳）有限公司 | Method and apparatus for displaying knowledge graph, terminal device, and readable storage medium |
| CN111259297A (en) * | 2020-01-14 | 2020-06-09 | 清华大学 | Interaction visualization method, platform and system for knowledge graph |
| CN112035708A (en) * | 2020-07-13 | 2020-12-04 | 第四范式（北京）技术有限公司 | Knowledge graph display method and device, computer device and readable storage medium |
| CN112052343A (en) * | 2020-09-11 | 2020-12-08 | 北京中亦安图科技股份有限公司 | Knowledge graph display method and device, electronic equipment and storage medium |
| CN112507036A (en) * | 2020-11-30 | 2021-03-16 | 武汉烽火众智数字技术有限责任公司 | Knowledge graph visualization analysis method |
| CN112597317A (en) * | 2021-01-11 | 2021-04-02 | 西藏民族大学 | Knowledge graph visualization method and system |
-
2021
- 2021-08-09 CN CN202110908225.7A patent/CN113609282A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2019057190A1 (en) * | 2017-09-25 | 2019-03-28 | 腾讯科技（深圳）有限公司 | Method and apparatus for displaying knowledge graph, terminal device, and readable storage medium |
| CN111259297A (en) * | 2020-01-14 | 2020-06-09 | 清华大学 | Interaction visualization method, platform and system for knowledge graph |
| CN112035708A (en) * | 2020-07-13 | 2020-12-04 | 第四范式（北京）技术有限公司 | Knowledge graph display method and device, computer device and readable storage medium |
| CN112052343A (en) * | 2020-09-11 | 2020-12-08 | 北京中亦安图科技股份有限公司 | Knowledge graph display method and device, electronic equipment and storage medium |
| CN112507036A (en) * | 2020-11-30 | 2021-03-16 | 武汉烽火众智数字技术有限责任公司 | Knowledge graph visualization analysis method |
| CN112597317A (en) * | 2021-01-11 | 2021-04-02 | 西藏民族大学 | Knowledge graph visualization method and system |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115079916A (en) * | 2022-06-15 | 2022-09-20 | 广州市玄武无线科技股份有限公司 | Visual integrated editing canvas drawing method, system, terminal equipment and medium |
| CN117076682A (en) * | 2023-07-24 | 2023-11-17 | 企查查科技股份有限公司 | Knowledge graph generation method and generation equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10430059B2 (en) | Methods and systems of generating graphical marks in a graphical view region of a user interface | |
| EP3188043B1 (en) | Indirect filtering in blended data operations | |
| US8719243B2 (en) | Methods and systems for filtering data for interactive display of database data | |
| US8595647B2 (en) | System and method for providing dynamic prioritization and importance filtering of computer desktop icons and program menu items | |
| US9547646B2 (en) | User-created members positioning for OLAP databases | |
| CN113609282A (en) | Drawing method of automatic drawing engine | |
| US20060190432A1 (en) | System and method for graphically distinguishing levels of a multidimensional database | |
| US10140325B2 (en) | Data source identification mapping in blended data operations | |
| US11989198B1 (en) | User interfaces for database visualizations | |
| US20150278315A1 (en) | Data fitting selected visualization type | |
| US8707200B2 (en) | Object browser with proximity sorting | |
| Shen et al. | BiblioViz: a system for visualizing bibliography information | |
| EP2384490A1 (en) | Method, apparatus and computer program product for providing analysis and visualization of content items association | |
| JPH0520365A (en) | Managing system for plural drawings in geographical information managing system | |
| EP3340078A1 (en) | Interactive user interface for dynamically updating data and data analysis and query processing | |
| JP2015536504A (en) | Apparatus and method for geolocation information | |
| Korpi et al. | Clutter reduction methods for point symbols in map mashups | |
| US20190095481A1 (en) | Generating a query | |
| CN114064662B (en) | Method, device, electronic equipment and medium for querying data | |
| Li et al. | Supporting large-scale geographical visualization in a multi-granularity way | |
| Zhou et al. | Design and implementation of multi-scale databases | |
| CN107341221B (en) | Index structure establishing and associated retrieving method, device, equipment and storage medium | |
| CN115658779B (en) | Population data display method and device | |
| Beilschmidt et al. | An efficient aggregation and overlap removal algorithm for circle maps | |
| CN115168668A (en) | Information recommendation method and device, computer equipment and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |