CN107870911B - Data visualization display method and equipment - Google Patents

Data visualization display method and equipment Download PDF

Info

Publication number
CN107870911B
CN107870911B CN201610844174.5A CN201610844174A CN107870911B CN 107870911 B CN107870911 B CN 107870911B CN 201610844174 A CN201610844174 A CN 201610844174A CN 107870911 B CN107870911 B CN 107870911B
Authority
CN
China
Prior art keywords
node
data
level
parent
nodes
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.)
Active
Application number
CN201610844174.5A
Other languages
Chinese (zh)
Other versions
CN107870911A (en
Inventor
史晓茸
阮华
曾凡
万志颖
龚凌
高静
何瑞
李家昌
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201610844174.5A priority Critical patent/CN107870911B/en
Publication of CN107870911A publication Critical patent/CN107870911A/en
Application granted granted Critical
Publication of CN107870911B publication Critical patent/CN107870911B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/904Browsing; Visualisation therefor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • G06T11/20Drawing from basic elements, e.g. lines or circles
    • G06T11/206Drawing of charts or graphs

Abstract

The application discloses a data visualization display method, which comprises the following steps: determining coordinates of a reference point and background graphics surrounding the reference point according to the size of the canvas and the number of the levels into which the data to be displayed are divided, wherein each background graphic corresponds to one level; drawing the reference point and the background graphic around the reference point on the canvas; determining reference data from the data to be displayed; drawing a first node corresponding to the reference data at the reference point; drawing a second node on each background graph, wherein the second nodes correspond to the data to be shown which are divided into the levels corresponding to the background graphs; and drawing the link between the first node and the second node and/or the link between the second nodes according to the incidence relation between the data to be displayed, wherein the link between any two nodes represents the incidence relation between the two nodes. By utilizing the embodiment of the invention, the quality of data visualization display can be improved.

Description

Data visualization display method and equipment
Technical Field
The invention relates to the technical field of information processing, in particular to a data visualization display method and equipment.
Background
Currently, data visualization refers to a process of representing data in a data set in a graphical or image form and discovering unknown information therein using data analysis and development tools. Data visualization is mainly by means of graphical means to clearly and effectively convey and communicate information. With data visualization techniques, each data item in a database can be represented as a single primitive element, with a large number of data sets making up a data image.
Disclosure of Invention
The embodiment of the invention provides a data visualization display method, which is used for improving the quality of data visualization display.
The embodiment of the invention provides data visualization display equipment which is used for providing data visualization display quality.
A data visualization display method comprises the following steps:
determining coordinates of a reference point and background graphics surrounding the reference point according to the size of the canvas and the number of the levels into which the data to be displayed are divided, wherein each background graphic corresponds to one level;
drawing the reference point and the background graphic around the reference point on the canvas;
determining reference data from the data to be displayed;
drawing a first node corresponding to the reference data at the reference point;
drawing a second node on each background graph, wherein the second nodes correspond to the data to be shown which are divided into the levels corresponding to the background graphs;
and drawing the link between the first node and the second node and/or the link between the second nodes according to the incidence relation between the data to be displayed, wherein the link between any two nodes represents the incidence relation between the two nodes.
A data visualization presentation device, comprising:
the display device comprises a first determining module, a second determining module and a display module, wherein the first determining module is used for determining the coordinates of a reference point and background graphs surrounding the reference point according to the size of a canvas and the number of the levels into which data to be displayed are divided, and each background graph corresponds to one level;
a background graphic drawing module that draws the reference point and the background graphic around the reference point on the canvas;
the second determining module is used for determining reference data from the data to be displayed;
the node drawing module is used for drawing a first node corresponding to the reference data at the reference point and drawing a second node on each background graph, wherein the second node corresponds to the data to be displayed which is divided into the levels corresponding to the background graphs;
and the link drawing module is used for drawing the link between the first node and the second node and/or the link between the second nodes according to the incidence relation between the data to be displayed, wherein the link between any two nodes represents the incidence relation between the two nodes.
In the embodiment of the invention, the data to be displayed is divided into a plurality of levels in advance, and the coordinates of the reference point and the background graph surrounding the reference point are determined according to the size of the canvas and the number of the levels. Wherein, each level has a background figure corresponding to the level. The determined reference point and the background graphic surrounding the reference point are drawn on the canvas. Determining reference data from the data to be displayed, drawing a first node representing the reference data at the reference point, and drawing a second node on each background graph, wherein the second nodes drawn on a certain background graph are divided into the data to be displayed of the level corresponding to the background graph. And drawing the link between the first node and the second node and/or the link between the second nodes according to the incidence relation between the data to be displayed. A link between any two nodes represents an associative relationship between the two nodes. By utilizing the technical scheme provided by the embodiment of the invention, the background graphs corresponding to the data to be displayed belonging to each level can be drawn, and the drawn background graphs surround the first nodes corresponding to the reference data, so that the second nodes drawn on each background graph are distributed around the first nodes. Therefore, the second node can be drawn in a plurality of directions around the first node, and the problems that the second node is overlapped, the association relationship between the first node and the second node and the association relationship between the second nodes are unclear are avoided. Therefore, the technical characteristics provided by the embodiment of the invention can be used for improving the data visualization display quality.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to these drawings without creative efforts.
Fig. 1 is a schematic structural diagram of a system for implementing data visualization display according to an embodiment of the present invention;
fig. 2 is a schematic flow chart of a data visualization display method according to an embodiment of the present invention;
fig. 3 is a schematic flowchart of a method for visually displaying data according to an embodiment of the present invention;
FIG. 3A is a schematic diagram of a tree structure of data to be displayed according to an embodiment of the present invention;
FIG. 3B is a schematic illustration of data visualized in an implementation of the present invention;
FIG. 3C is a diagram including a pre-drag and post-drag canvas;
FIG. 3D illustrates a schematic drawing of a node being dragged;
FIG. 3E shows a schematic diagram of scaling a canvas;
FIG. 3F shows a schematic diagram of a hidden node;
FIG. 3G shows a schematic diagram of setting check function boxes for nodes;
FIG. 3H shows a schematic diagram of an overlapping node;
FIG. 4 is a schematic diagram of a task visualization provided by an embodiment of the invention;
FIG. 5 is a schematic diagram of a visual display of a person in a corporate administration provided by an embodiment of the present invention;
FIG. 6 is a schematic structural diagram of a data visualization display device according to an embodiment of the present invention;
fig. 7 is a schematic structural diagram of a data visualization display device in an embodiment of the present invention.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
In an embodiment of the present invention, a large amount of data is stored in the database, and the data can be divided into data belonging to different hierarchies according to the association relationship between the data. When the data are displayed in a visualization mode, the data belonging to the same hierarchy are displayed on the canvas in a horizontal mode, specifically, each data is correspondingly displayed as a node on the canvas. When the amount of data belonging to the same hierarchy is too large, the width occupied by the nodes corresponding to the data displayed in a horizontal manner is too wide. In addition, if the horizontal width of the canvas is small and the number of nodes is large, the distribution of the nodes in the horizontal direction is too dense, and overlapped nodes exist, thereby causing the display quality of the nodes and the relationship between the nodes to be reduced.
Fig. 1 is a schematic structural diagram of a system for implementing data visualization display according to an embodiment of the present invention. As shown in fig. 1, the system includes: a server 10 and a database 11.
The server 10 may be a data visualization display device, a server cluster composed of a plurality of servers, or a cloud computing service center.
The database 11 may be a device for storing data to be presented.
The server 10 may communicate with the database 11 by wire or wirelessly, and obtain the data to be presented from the database.
Fig. 2 is a schematic flow chart of a data visualization display method according to an embodiment of the present invention. As shown in fig. 2, the method includes the following steps.
Step 201, determining the coordinates of a reference point and a background graph surrounding the reference point according to the size of the canvas and the number of the levels into which the data to be displayed are divided. Wherein each background graphic corresponds to a level.
Step 202, drawing the reference point and the background graphic surrounding the reference point on the canvas.
Step 203, determining a reference data from the data to be displayed.
And step 204, drawing a first node corresponding to the reference data at the reference point.
Step 205, drawing a second node on each background graph, wherein the second node corresponds to the data to be shown divided into the levels corresponding to the background graphs.
Step 206, drawing the link between the first node and the second node and/or the link between the second nodes according to the association relationship between the data to be displayed, wherein the link between any two nodes represents the association relationship between the two nodes.
In the embodiment of the invention, the data to be displayed is divided into a plurality of levels in advance, and the coordinates of the reference point and the background graph surrounding the reference point are determined according to the size of the canvas and the number of the levels. Wherein, each level has a background figure corresponding to the level. The determined reference point and the background graphic surrounding the reference point are drawn on the canvas. Determining reference data from the data to be displayed, drawing a first node representing the reference data at the reference point, and drawing a second node on each background graph, wherein the second node drawn on a certain background graph corresponds to, i.e. represents the data to be displayed divided into the levels corresponding to the background graphs. And drawing the link between the first node and the second node according to the incidence relation between the data to be displayed. A link between any two nodes represents an associative relationship between the two nodes. By utilizing the technical scheme provided by the embodiment of the invention, the background graphs corresponding to the data to be displayed belonging to each level can be drawn, and the drawn background graphs surround the first nodes corresponding to the reference data, so that the second nodes drawn on each background graph are distributed around the first nodes. Therefore, the second node can be drawn in a plurality of directions around the first node, and the problems that the second node is overlapped, the association relationship between the first node and the second node and the association relationship between the second nodes are unclear are avoided. Therefore, the technical characteristics provided by the embodiment of the invention can be used for improving the data visualization display quality.
Fig. 3 is a schematic flow chart of a method for visually displaying data according to an embodiment of the present invention. As shown in fig. 3, the method includes the following steps. In theory, the canvas may be shaped in a variety of ways, and in particular applications the canvas generally conforms to the shape of the display, for example, with an aspect ratio of 16: 9 is rectangular. In this embodiment, the canvas is described as an example in which the shape is a rectangle. The shape of the background pattern may be any shape surrounding the first node, including closed and non-closed patterns, such as three sides of a square surrounding the first node, or a wavy line surrounding the first node. The closed figure may include: circular, polygonal, e.g., triangular, quadrilateral, hexagonal, etc. In this embodiment, the background figure is described as a circle. The embodiment shown in fig. 3 comprises the following steps.
Step 301, obtaining data to be displayed, and dividing the data to be displayed into a plurality of levels.
In the embodiment of the invention, the data to be shown comprises a plurality of hierarchies, and parent-child relations exist among partial hierarchies. Table 1 is a hierarchical relationship table of data to be shown.
Figure BDA0001119349120000051
TABLE 1
In the embodiment of the present invention, current data may be determined as reference data from data to be displayed according to user requirements, for example, when a user wants to display visual views of parent data and child data of a certain data at different levels, the current data is determined as the reference data. Dividing the data to be displayed into 7 levels according to the incidence relation between the data, such as parent-child relation, wherein the levels are respectively as follows: reference data, level 1 parent data, level 2 parent data, level 3 parent data, level 1 child data, level 2 child data, and level 3 child data. For example, there is a parent-child relationship between the level 1 parent data and the reference data, a parent-child relationship between the level 2 parent data and the level 1 parent data, and a parent-child relationship between the reference data and the level 1 child data. Level 1 parent level data includes: parent data 1-1, parent data 1-2, and parent data 1-3. In parent data 1-1, the 1 before the bar indicates that the data belongs to the 1 st level, and the 1 after the bar indicates the 1 st data of the level, and the other levels of data are represented in the same manner.
As seen from the data structure of the data to be displayed, the data structure of the data to be displayed is a tree structure including two subtrees, i.e., a first subtree and a second subtree. Fig. 3A is a schematic diagram of a tree structure of data to be displayed in the embodiment of the present invention. The tree as shown in fig. 3A comprises two subtrees, a first subtree and a second subtree, shown in solid and dashed lines, respectively. The first and second subtrees have a common root node, i.e., a solid node in the illustration. The root node represents the reference data, i.e., the first level data. Each node on the first subtree is parent-level data of the reference data, and the number of levels to which the node on the first subtree belongs corresponds to the number of levels to which the parent-level data of the reference data belongs, for example, 1 before the cross bar in the parent node 1-1 indicates that the number of levels of the parent node is 1, and 1 after the cross bar indicates that the node is the 1 st node of the level. Parent node 1-1 represents the 1 st node in the level 1 parent node. The parent node 1-1 represents parent data 1-1, and the number of layers 1 to which the parent node 1-1 belongs corresponds to the number of layers 1 to which the parent data 1-1 belongs. Each node on the second sub-tree is sub-level data of the reference data, and the number of layers to which the node on the second sub-tree belongs corresponds to the number of layers to which the sub-level data belongs. For example, a 1 before the bar in the child node 1-1 indicates that the number of layers of the child node is 1, and a 1 after the bar indicates that the child node is the 1 st node of the layer. The child node 1-1 represents child level data 1-1, and the level number 1 to which the child node 1-1 belongs corresponds to the level number 1 to which the parent level data 1-1 belongs. The depth of the tree is equal to a maximum of the number of levels into which all parent-level data of the reference data are divided and the number of levels into which all child-level data of the reference data are divided. In the present embodiment, the parent level data of the reference data is divided into 3 levels, and the child level data is also divided into 3 levels, so the depth of the tree is 3.
Step 302, determining the coordinate of the center point of the canvas as the coordinate of the reference point, and determining the number of the background graphs and the size of the background graphs.
In this embodiment, the canvas has a rectangular shape, and the coordinates of the center point of the rectangle are determined as the coordinates of the reference point. The shape of the background pattern is a circle, the number of circles is 3, the depth of the tree, the radius of the circle is determined, and the radius of each circle is (the length of the short side of the rectangle/twice the number of circles) the number of the circles. For example, the radius of the second circle is 2 (length of the short side/6) of the rectangle.
Step 303, drawing the reference point on the canvas according to the coordinates of the reference point, and drawing the circles on the canvas by taking the reference point as a circle center and the radius of each circle as a length.
Step 304, a reference data is determined from the data to be displayed.
In this step, the reference data may be determined in response to a parameter input by the input device, or data selected by the input device may be determined as the reference data. The data of the first hierarchy in table 1 is determined as reference data.
Step 305, a first node corresponding to the reference data is plotted at the coordinates of the reference point.
In this step, the reference data is represented on a visualization graph by the first node.
At step 306, a first drawing region and a second drawing region are determined on the canvas.
In this step, a first sector area and a second sector area, each having the center of the circle as the vertex, are determined on the canvas. The sum of the angles of the first and second sectors may be 360 °. In an embodiment of the present invention, the first sector area and the second sector area may be determined by: and determining a horizontal line passing through the center of the circle, determining a semi-circle part above the horizontal line as a first fan-shaped area, and determining a semi-circle part below the horizontal line as a second fan-shaped area. The angles of the first and second sectors are thus determined to be 180 deg.. In other embodiments of the present invention, a vertical line passing through the center of the circle may be determined, a left half portion of the vertical line may be determined as the first sector area, and a right half portion of the vertical line may be determined as the second sector area. Or, a straight line passing through the center of the circle and forming an arbitrary angle with the horizontal direction is determined, one side of the straight line is determined as the first sector area, and the other side of the straight line is determined as the second sector area.
Step 307, traversing the parent level data of the level numbers corresponding to the nodes of each level on the first subtree, and drawing the parent level nodes corresponding to the parent level data on the first background graph of the first drawing area.
And searching a father node 1-1, a father node 1-2 and a father node 1-3 of the first subtree, wherein the father nodes are respectively corresponding to the father data 1-1, the father data 1-2 and the father data 1-3 belonging to the level 1 father data. Fig. 3B is a schematic diagram of data visually displayed in the implementation of the present invention, in which a parent node 1-1, a parent node 1-2, and a parent node 1-3 corresponding to parent data 1-1, parent data 1-2, and parent data 1-3, respectively, are drawn on a 1 st background graph of a first drawing area shown in fig. 3B, that is, on a 1 st semicircle above a horizontal line. The remaining parent nodes are respectively drawn on the 2 nd and 3 rd semicircles above the horizontal line in the same way.
Step 308, traversing the sub-level data of the level numbers corresponding to the nodes of each level on the second subtree, and drawing the sub-level nodes corresponding to the sub-level data on the second background graph of the second drawing area.
And finding the child nodes 1-1, the child nodes 1-2 and the child nodes 1-3 of the layer number 1 of the second subtree, finding the child level data 1-1, the child level data 1-2 and the child level data 1-3 which belong to the child level data of the level 1 respectively and correspond to the child nodes, and drawing the child level nodes 1-1, the child level nodes 1-2 and the child level nodes 1-3 respectively corresponding to the child level data 1-1, the child level data 1-2 and the child level data 1-3 on the 1 st background graph of the second drawing area shown in fig. 3B, namely the 1 st semicircle below the horizontal line. And drawing the rest sub-level nodes on the 2 nd semicircle and the 3 rd semicircle below the horizontal line in sequence in the same way.
In embodiments of the present invention, step 308 may be performed before step 307, or the steps of drawing parent nodes and drawing child nodes may be performed alternately.
Drawing a parent node corresponding to the parent data on the first background graph of the first drawing area includes: determining the placing angle of each parent node according to the number of the parent nodes and the angle formed by the first background graph and the first node, determining the position coordinate of each parent node on the first background graph according to the placing angle of each parent node and the distance from the first background graph to the first node, and drawing the parent nodes on the first background graph according to the position coordinate of each parent node. By taking drawing the parent node 1-1, the parent node 1-2 and the parent node 1-3 on the 1 st semicircle above the horizontal line as an example, the number of the parent nodes is 3, the angle formed by the 1 st semicircle and the first node is 180 degrees, and the placing angles of the parent node 1-1, the parent node 1-2 and the parent node 1-3 are determined according to the principle of uniformly placing the parent nodes and are sequentially as follows: 45 °, 90 ° and 135 °. And calculating the position coordinates of each parent node on the background graph by utilizing a trigonometric function according to the placing angle of each parent node and the distance from the background graph to the first node, namely the length of the short side/6, and drawing the parent node 1-1, the parent node 1-2 and the parent node 1-3 on the background graph according to the position coordinates of each parent node.
Drawing a sublevel node corresponding to the sublevel data on a second background graph of the second drawing area comprises: determining the placing angle of each sub-level node according to the number of the sub-level nodes and the angle formed by the second background graph and the first node, determining the position coordinate of each sub-level node on the second background graph according to the placing angle of each sub-level node and the distance from the second background graph to the first node, and drawing the sub-level nodes on the second background graph according to the position coordinate of each sub-level node. By taking the example that the child level node 2-1, the child level node 2-2 and the child level node 2-3 are drawn on the 2 nd semicircle below the horizontal line, the number of the child level nodes is 3, the angle formed by the 2 nd semicircle and the first node is 180 degrees, the child level node 2-1 is determined according to the principle of uniformly placing the parent level nodes, and the placing angles of the child level node 2-2 and the child level node 2-3 are sequentially as follows: 45 °, 90 ° and 135 °. And calculating the position coordinate of each sub-level node on the background graph by using a trigonometric function according to the placing angle of each sub-level node and the distance from the background graph to the first node, namely (the length of the short side/6) × 2, and drawing a sub-level node 2-1, a sub-level node 2-2 and a sub-level node 2-3 on the background graph according to the position coordinate of each sub-level node.
Step 309, determining the parent-child nodes with parent-child relationship among the drawn parent node, first node and child nodes according to the tree structure.
For example, the parent-child node having a parent-child relationship among the parent node, the first node, and the child node in fig. 3B is determined according to the relationship among the nodes in the tree shown in fig. 3A described above. For example, parent node 1-1 and the first node are parent-child nodes, parent node 2-1 and parent node 1-2 are parent-child nodes, parent node 3-1 and parent node 2-1 are parent-child nodes, first node and child node 1-2 are parent-child nodes, and child node 1-2 and child data 2-2 are parent-child nodes.
Step 310, drawing a connecting line connecting parent-child nodes on a canvas, and marking an arrow pointing to a child node from a parent node in the parent-child nodes on the connecting line.
For example, the first node and parent node 1-1 are connected and the arrow pointing from parent node 1-1 to the first node is labeled. As another example, a line connecting child node 2-3 and child node 3-1 is marked with an arrow pointing from child node 2-3 to child node 3-1.
Step 311, label the node name of each drawn node.
The node names may include names and/or remark information for each node.
In an embodiment of the present invention, after a visual diagram of data is drawn, when a drag request for a canvas by an input device, such as a mouse, is received, a first click coordinate position and a second click coordinate position of the input device are determined, a movement distance and a movement angle of the canvas are determined according to the first click coordinate position and the second click coordinate position of the input device, and the canvas is moved according to the movement distance and the movement angle of the canvas. The second click coordinate position of the mouse may be determined as the center point coordinate after the canvas is moved. And determining the moving distance and the moving angle of the canvas according to the central point of the canvas before moving and the central point after moving, and moving the canvas according to the moving distance and the moving angle of the canvas. The canvas can also be dragged to move from one point to another point by using the mouse, and the coordinate position of the release point of the canvas released by the mouse is determined as the second click coordinate position. Specifically, the offset (abscissa and ordinate) between the first click coordinate position of the mouse and the coordinate of the release point is obtained, and the coordinate of the center point of the canvas after dragging is obtained by adding the offset to the coordinate of the center point of the canvas before dragging. FIG. 3C is a diagram including a pre-drag and post-drag canvas. The dashed line represents the canvas before dragging and the solid line represents the canvas after dragging. Fig. 3C merely demonstrates the process of dragging, and after the dragging is finished, the canvas indicated by the dotted line will disappear.
In an embodiment of the invention, when a dragging request of an input device, such as a mouse, to a node to be dragged on a background graph is received, a dragging request of the input device to the node to be dragged on the background graph is responded; determining a third click coordinate position and a fourth click coordinate position of the input device on the background graph; determining the moving distance and the moving angle of the node to be dragged according to the third click coordinate position and the fourth click coordinate position of the input device; and moving the node to be dragged on the background graph according to the moving distance and the moving angle of the node to be dragged. The node can also be dragged to move from one point to another point along the background graph by using a mouse, the coordinate position of the release point of the node to be dragged released by the mouse is determined as the fourth click coordinate position, and the visual effect of dragging the node by using the method is that the node to be dragged moves to the fourth click coordinate position along with the movement of the mouse. FIG. 3D illustrates a schematic drawing of dragging a node. As shown in fig. 3D, parent node 2-2 is dragged to the position where parent node 2-2 'is located, while modifying the connection line between parent node 2-2 and parent node 1-3 to the connection line between parent node 2-2' and parent node 1-3. The dashed lines indicate that the connection between parent node 2-2 and parent node 1-3 will disappear after the end of the drag.
In an embodiment of the present invention, when a zoom request of an input device, for example, a mouse, to a canvas is received, a canvas zoom ratio input by the input device is received in response to the zoom request of the input device to the canvas, and the canvas is zoomed according to the canvas zoom ratio. FIG. 3E shows a schematic diagram of scaling a canvas. As shown in FIG. 3E, the dashed line represents the canvas before zooming and the solid line portion represents the canvas after zooming. The dashed portion is only to illustrate the scaling process of the canvas, and the canvas of the dashed portion will disappear after the scaling operation is finished.
In an embodiment of the present invention, when a certain node in the canvas is selected and a hiding request for the node, i.e., a node to be hidden, is received, the transparent state of the node to be hidden is set to be transparent, and a link, e.g., a wire, between the node to be hidden and a node associated with the node to be hidden is set to be transparent. Fig. 3F shows a schematic diagram of a hidden node. As shown in fig. 3F, if the child node 1-1 is selected as the node to be hidden, the connection line between the child node 1-1, the child level node 1-1 and the node associated therewith, i.e., the first node and the child level node 2-1, is set to be in a transparent state, which is shown by a dotted line in the figure. In actual display, after the sub-level node 1-1 is set as a hidden node, the sub-level node 1-1 and its name, the connection line between the sub-level node 1-1 and the first node, and the connection line between the sub-level node 1-1 and the sub-level node 2-1 disappear. In an embodiment of the present invention, when the child node 2-1 has no next-level node, the child node 2-1 may also be set to a transparent state.
In an embodiment of the present invention, a check function box may be drawn in front of a node, and when an input device clicks the check function box of a node to be checked, the check function box of the node to be checked is checked in response to a trigger request of the input device for the check function box of the node to be checked. FIG. 3G shows a schematic diagram of setting check function boxes for nodes. As shown in FIG. 3G, a check function box is drawn before parent node 2-2, which is blackened or checked within the check function box when the input device clicks on the check function box.
In one implementation of the present invention, when it is determined that a first node and a second node overlap each other and when the length of a first node name is greater than the length of a second node name, the first node name is processed as follows until the first node name and the second node name do not overlap any more; removing a predetermined number of pixels from the first display frame of the first node name to obtain a reduced first display frame, displaying part of the content of the first node name in the reduced first display frame, and displaying the rest of the content of the first node name in the reduced first display frame in the form of a predetermined letter, number or symbol. Fig. 3H shows a schematic diagram of an overlapping node. As shown in fig. 3H, when the second-level child node includes a plurality of nodes, the size of the canvas is not enough to display all the node names, for example, the child-level nodes 2-1234 and the child-level nodes 2-12345 overlap, when it is determined that the length of the node name of the child-level nodes 2-12345 is greater than the length of the child-level nodes 2-1234, a predetermined number of pixels, for example, 1 pixel, are removed from the display frame of the child-level nodes 2-12345 to obtain a reduced display frame, a part of the content of the child-level nodes 2-12345, that is, the child-level nodes 2-1234, is displayed in the reduced display frame, and the rest of the content is displayed in the reduced display frame in the form of ellipses. Judging whether the reduced sub-level nodes 2-1234 coincide with the sub-level nodes 2-1234, if so, executing the steps until the two do not coincide.
The processing methods shown in fig. 3C to 3H may be used in combination.
Fig. 4 is a schematic diagram of task visualization provided by the embodiment of the present invention. As shown in fig. 4, in the present embodiment, the data presented is each subtask in image processing. Fig. 4 illustrates three image processing tasks. Wherein the first image processing task comprises: the image processing system comprises a first image input subtask, a first image preprocessing subtask, a feature extraction subtask, a first image classification subtask and a first image matching subtask. The second image processing task includes: a second image input subtask, a feature extraction subtask, a second image classification subtask, and a second image matching subtask. The third image processing task includes: a third image input subtask, a third image preprocessing subtask, a feature extraction subtask, and a third image matching subtask. According to the method as shown in fig. 2 and 3 above, the feature extraction subtask is determined as the reference data, the image pre-processing subtask is determined as the 1 st-level parent data, the image input task is determined as the 2 nd-level parent data, the image classification subtask is determined as the 1 st-level child data, and the image matching subtask is determined as the 2 nd-level child data. By presenting each sub-task in the image processing task in the visual image, the processing procedure of each task can be obtained clearly at a glance, for example, the processing procedure of the first image processing task is as follows: the first image input subtask → the first image preprocessing subtask → the feature extraction subtask → the first image classification subtask → the first image matching subtask. The processing procedure of the second image processing task is as follows: second image input subtask → feature extraction subtask → second image classification subtask → second image matching subtask. The processing procedure of the third image processing task is as follows: the third image input subtask → the third image preprocessing subtask → the feature extraction subtask → the third image matching subtask. The differences between the tasks can be clearly seen by the visualization view, e.g. the second image processing task does not comprise the image pre-processing sub-task and the third image processing task does not comprise the image classification sub-task.
Fig. 5 is a schematic diagram of a visual display of a person in a company administration provided by an embodiment of the present invention. In the present embodiment, the displayed data is company administration personnel data. For example, in a service type enterprise, the positions of the companies are, from top to bottom: a master manager, a master manager assistant, an administrative chief, supervisors (a training supervisor, a service supervisor and a personnel manager), executives (training project executives, course research and development personnel, senior citizens and administrative personnel); the customer service personnel under the condition of high qualification customer service are divided into the following steps in turn: high-level customer service, middle-level customer service, primary customer service and practice customer service. For example, the administrative chief executive supervisor is determined as the reference data, the chief manager assistant is the level 1 parent data, and the chief manager is the level 2 parent data. The level 1 sub-level data includes: a training supervisor, a customer service supervisor and a personnel manager; the level 2 sub-level data includes: training project executives, course research and development personnel, qualification customer service and administrative personnel specialists; the 3 rd level sub-level data includes: high-level customer service; the 4 th level sub-level data includes: intermediate level customer service; the 5 th level sub-level data includes: primary customer service; the 6 th level of sub-level data comprises practice services. The visual view of the person shown in fig. 5 is generated in the manner shown in fig. 2 and 3 above, and the organization architecture of the company can be clearly seen. In a specific application, the number of each level of personnel may be multiple, for example, two premium customer services are set under one customer service manager, several premium customer services are set for each premium customer service, and so on, a visual view containing more nodes can be generated. In addition, the black nodes in fig. 5 may be replaced with photos of the relevant persons for more convenient use by the user. For example, the black nodes representing the administrative chief can be replaced with a photograph of the administrative chief.
Fig. 6 is a schematic structural diagram of a data visualization display device in an embodiment of the present invention. As shown in fig. 6, the apparatus 60 includes: a first determination module 601, a background graph drawing module 602, a second determination module 603, a node drawing module 604, and a link drawing module 605.
The first determining module 601 is configured to determine coordinates of a reference point and background graphics surrounding the reference point according to the canvas size and the number of the levels into which the data to be displayed is divided, where each background graphic corresponds to one level.
The background graphics rendering module 602 renders the reference point and the background graphics surrounding the reference point on the canvas.
The second determining module 603 is configured to determine a reference data from the data to be displayed.
The node drawing module 604 is configured to draw a first node corresponding to the reference data at the reference point, and draw a second node on each background graph, where the second node corresponds to the data to be displayed divided into the hierarchy corresponding to the background graph.
The link drawing module 605 is configured to draw a link between the first node and the second node and/or a link between the second nodes according to the association relationship between the data to be displayed, where a link between any two nodes represents the association relationship between the two nodes.
In an embodiment of the present invention, the background pattern includes: circular or polygonal, e.g., triangular, quadrilateral, hexagonal, etc. The reference point comprises a central point of the background graph, and the data to be displayed comprises: tasks are divided into multiple levels.
In an embodiment of the present invention, the data structure of the data to be displayed is a tree structure including a first subtree and a second subtree, root nodes of the first subtree and the second subtree are the reference data, the reference data is the first hierarchy, each node on the first subtree is a parent level data of the reference data, the number of levels to which the node on the first subtree belongs corresponds to the number of hierarchies to which the parent level data belongs, each node on the second subtree is a child level data of the reference data, the number of levels to which the node on the second subtree belongs corresponds to the number of hierarchies to which the child level data belongs, and the depth of the tree is equal to a maximum value of the number of hierarchies into which all parent level data of the reference data are divided and the number of hierarchies into which all child level data of the reference data are divided.
The node drawing module 604 is further configured to
Determining a first drawing area and a second drawing area on the canvas;
traversing parent-level data of the level number corresponding to each level of node on the first subtree, and drawing a parent-level node corresponding to the parent-level data on a first background graph of the first drawing area, wherein the level number of the parent-level data corresponds to the sequence number of the first background graph;
traversing the sub-level data of the level number corresponding to each level of node on the second subtree, and drawing the sub-level node corresponding to the sub-level data on the second background graph of the second drawing area, wherein the level number of the sub-level data corresponds to the sequence number of the second background graph.
In an embodiment of the invention, the node drawing module 604 is further configured to
Determining a placing angle of each parent node according to the number of the parent nodes and an angle formed by the first background graph and the first node, determining a position coordinate of each parent node on the first background graph according to the placing angle of each parent node and the distance from the first background graph to the first node, and drawing the parent nodes on the first background graph according to the position coordinate of each parent node;
determining the placing angle of each sub-level node according to the number of the sub-level nodes and the angle formed by the second background graph and the first node, determining the position coordinate of each sub-level node on the second background graph according to the placing angle of each sub-level node and the distance from the second background graph to the first node, and drawing the sub-level nodes on the second background graph according to the position coordinate of each sub-level node.
In an embodiment of the present invention, the canvas has a shape including a rectangle, and the background graphic includes a circle;
the first determining module 601 is further configured to determine coordinates of a center point of the rectangle as coordinates of the reference point, and determine the number of circles; determining the radius of each circle, wherein the number of the circles is equal to the depth of the tree; the radius of each circle (twice the length of the short side of the rectangle/the number of the circles) is the serial number of the circle;
the background graph drawing module 602 is further configured to draw the reference point on the canvas according to the coordinate of the reference point, and draw the circles on the canvas by using the reference point as a circle center and the radius of each circle as a length.
In an embodiment of the present invention, the node drawing module 604 is further configured to determine a first sector area and a second sector area on the canvas, where the first sector area and the second sector area are located at the center of the circle.
In an embodiment of the present invention, the node mapping module 604 is further configured to determine a horizontal line passing through the center of the circle, determine a semicircular portion above the horizontal line as a first sector area, and determine a semicircular portion below the horizontal line as a second sector area.
In one embodiment of the present invention, the apparatus 60 further comprises: a third determining module 606, configured to determine, according to the tree structure, a parent-child node having a parent-child relationship among the drawn parent-child node, the first node, and the child-child node.
The link drawing module 605 is further configured to draw a connection line connecting parent and child nodes on the canvas, where an arrow pointing from a parent node to a child node in the parent and child nodes is marked on the connection line.
In an embodiment of the invention, the apparatus further comprises: and a node name labeling module 607 for labeling the node name of the node to be drawn.
In one embodiment of the present invention, the apparatus 60 further comprises: the canvas dragging module 608 is configured to determine a first click coordinate position and a second click coordinate position of the input device in response to a dragging request of the input device for a canvas, determine a movement distance and a movement angle of the canvas according to the first click coordinate position and the second click coordinate position of the input device, and move the canvas according to the movement distance and the movement angle of the canvas.
In one embodiment of the present invention, the apparatus 60 further comprises: the node dragging module 609 is configured to determine a third click coordinate position and a fourth click coordinate position of the input device on a background graph in response to a dragging request of the input device for a node to be dragged on the background graph, determine a moving distance and a moving angle of the node to be dragged according to the third click coordinate position and the fourth click coordinate position of the input device, and move the node to be dragged on the background graph according to the moving distance and the moving angle of the node to be dragged.
In one embodiment of the present invention, the apparatus 60 further comprises: the scaling module 610 is configured to receive a canvas scaling ratio input by an input device in response to a scaling request of the canvas by the input device, and perform a scaling operation on the canvas according to the canvas scaling ratio.
In one embodiment of the present invention, the apparatus 60 further comprises: the hiding module 611 is configured to, in response to a hiding request of the input device for a node to be hidden, set the transparent state of the node to be hidden and the link between the node to be hidden and its associated node to be transparent.
In one embodiment of the present invention, the apparatus 60 further comprises: and the checking module 612 is configured to draw a checking function box in front of the drawn node, and check the checking function box of the node to be checked in response to a trigger request of the input device for the checking function box of the node to be checked.
In one embodiment of the present invention, the apparatus 60 further comprises:
a fourth determining module 613, configured to determine a first node name and a second node name that overlap with each other;
a node name adjusting module 614, configured to, when the length of the first node name is greater than the length of the second node name, perform the following processing on the first node name until the first node name and the second node name are no longer overlapped: removing a predetermined number of pixels from the first display frame of the first node name to obtain a reduced first display frame, displaying part of the content of the first node name in the reduced first display frame, and displaying the rest of the content of the first node name in the reduced first display frame in the form of a predetermined letter, number or symbol.
Fig. 7 is a schematic structural diagram of a data visualization display device in an embodiment of the present invention. As shown in fig. 7, the apparatus includes: a processor 701, a non-volatile computer-readable memory 702, a display unit 703, a network communication interface 704. These components communicate over a bus 705.
In this embodiment, memory 702 has stored therein a number of program modules, including an operating system 706, a network communication module 707, and application programs 708.
The processor 701 may read various modules (not shown in the figures) included in the application program in the memory 702 to perform data visualization showing various functional applications and data processing. The processor 701 in this embodiment may be one or multiple processors, and may be a CPU, a processing unit/module, an ASIC, a logic module, a programmable gate array, or the like.
Operating system 706 may be: windows operating system, Android operating system, or apple iPhone OS operating system.
The application programs 708 may include: and a data visualization presentation module 709. The data visualization presentation module 709 may include a computer executable instruction set 709-1 and corresponding metadata and heuristic algorithms 709-2 formed by the first determination module 601, the background graph drawing module 602, the second determination module 603, the node drawing module 604, and the link drawing module 605 in the apparatus shown in fig. 6. These sets of computer-executable instructions may be executed by the processor 701 and perform the functions of the method shown in fig. 2 or 3 or the data visualization presentation device shown in fig. 6.
In this embodiment, the network communication interface 704 cooperates with the network communication module 707 to complete the transceiving of various network signals of the data visualization display apparatus.
The display unit 703 has a display panel for inputting and displaying related information.
The data visualization display device may not include the network communication interface 704 and the network communication module 707 if there is no communication requirement.
In addition, functional modules in the embodiments of the present invention may be integrated into one processing unit, or each module may exist alone physically, or two or more modules are integrated into one unit. The integrated unit can be realized in a form of hardware, and can also be realized in a form of a software functional unit. The functional modules of the embodiments may be located in one terminal or network node, or may be distributed over a plurality of terminals or network nodes.
In addition, each of the embodiments of the present invention can be realized by a data processing program executed by a computer. It is clear that the data processing program constitutes the invention. Further, the data processing program, which is generally stored in one storage medium, is executed by directly reading the program out of the storage medium or by installing or copying the program into a storage device (such as a hard disk and/or a memory) of the data processing device. Such a storage medium therefore also constitutes the present invention. The storage medium may use any type of recording means, such as a paper storage medium (e.g., paper tape, etc.), a magnetic storage medium (e.g., a flexible disk, a hard disk, a flash memory, etc.), an optical storage medium (e.g., a CD-ROM, etc.), a magneto-optical storage medium (e.g., an MO, etc.), and the like.
The invention therefore also provides a storage medium in which a data processing program is stored which is designed to carry out any one of the embodiments of the method according to the invention described above.
It will be understood by those skilled in the art that all or part of the steps for implementing the above embodiments may be implemented by hardware, or may be implemented by a program instructing relevant hardware, where the program may be stored in a computer-readable storage medium, and the above-mentioned storage medium may be a read-only memory, a magnetic disk or an optical disk, etc.
The above description is only for the purpose of illustrating the preferred embodiments of the present invention and is not to be construed as limiting the 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 (20)

1. A data visualization display method is characterized by comprising the following steps:
determining coordinates of a reference point and background graphics surrounding the reference point according to the size of the canvas and the number of the levels into which the data to be displayed are divided, wherein each background graphic corresponds to one level;
drawing the reference point and the background graphic around the reference point on the canvas;
determining reference data from the data to be displayed;
drawing a first node corresponding to the reference data at the reference point;
drawing a second node on each background graph, wherein the second nodes correspond to the data to be shown which are divided into the levels corresponding to the background graphs;
drawing a link between the first node and the second node and/or a link between the second nodes according to the incidence relation between the data to be displayed, wherein the link between any two nodes represents the incidence relation between the two nodes;
the data structure of the data to be displayed is a tree structure including a first subtree and a second subtree, root nodes of the first subtree and the second subtree are the reference data, the reference data is a first level, each node on the first subtree is parent-level data of the reference data, the number of layers to which the node on the first subtree belongs corresponds to the number of levels to which the parent-level data belongs, each node on the second subtree is child-level data of the reference data, the number of layers to which the node on the second subtree belongs corresponds to the number of levels to which the child-level data belongs, and the depth of the tree is equal to the maximum value of the number of levels into which all parent-level data of the reference data are divided and the number of levels into which all child-level data of the reference data are divided;
drawing a second node on each background graphic includes:
determining a first drawing area and a second drawing area on the canvas;
traversing parent-level data of the level number corresponding to the node of each layer on the first subtree, and drawing parent-level nodes corresponding to the parent-level data on the first background graph of the first drawing area, wherein the level number of the parent-level data corresponds to the sequence number of the first background graph;
traversing the sub-level data of the level number corresponding to the node of each layer on the second subtree, and drawing the sub-level node corresponding to the sub-level data on the second background graph of the second drawing area, wherein the level number of the sub-level data corresponds to the sequence number of the second background graph.
2. The method of claim 1, wherein the background graphic comprises: a circle or a polygon, the reference point comprises a center point of the background graph, and the data to be displayed comprises: tasks are divided into multiple levels.
3. The method of claim 1,
drawing a parent node corresponding to the parent data on the first background graph of the first drawing area includes: determining a placing angle of each parent node according to the number of the parent nodes and an angle formed by the first background graph and the first node, determining a position coordinate of each parent node on the first background graph according to the placing angle of each parent node and the distance from the first background graph to the first node, and drawing the parent nodes on the first background graph according to the position coordinate of each parent node;
drawing a sublevel node corresponding to the sublevel data on a second background graph of the second drawing area comprises: determining the placing angle of each sub-level node according to the number of the sub-level nodes and the angle formed by the second background graph and the first node, determining the position coordinate of each sub-level node on the second background graph according to the placing angle of each sub-level node and the distance from the second background graph to the first node, and drawing the sub-level nodes on the second background graph according to the position coordinate of each sub-level node.
4. The method of claim 1, wherein the canvas comprises a rectangle shape and the background graphic comprises a circle shape;
determining coordinates of a reference point and a background graphic surrounding the reference point according to the canvas size and the number of levels into which data to be presented is divided comprises: determining the coordinates of the center point of the rectangle as the coordinates of the reference point, and determining the number of the circles; determining the radius of each circle, wherein the number of the circles is equal to the depth of the tree; the radius of each circle (twice the length of the short side of the rectangle/the number of the circles) is the serial number of the circle;
drawing the reference point and the background graphic around the reference point on the canvas comprises:
drawing the reference point on the canvas according to the coordinates of the reference point;
and drawing the circles on the canvas by taking the reference point as a circle center and the radius of each circle as a length.
5. The method of claim 4,
determining the first and second drawing regions on the canvas comprises: and determining a first fan-shaped area and a second fan-shaped area which respectively take the circle center of the circle as a vertex on the canvas.
6. The method of claim 5, wherein determining on the canvas a first sector area and a second sector area each having a center of the circle as a vertex comprises:
determining a horizontal line passing through the center of the circle;
determining a semicircular part above the horizontal line as a first sector area;
the semicircular part below the horizontal line is determined as a second sector area.
7. The method of claim 1, further comprising:
determining parent-child nodes with parent-child relationship among the drawn parent-level nodes, the first nodes and the child-level nodes according to the tree structure;
drawing the link between the first node and the second node and/or the link between the second nodes according to the incidence relation between the data to be displayed comprises the following steps: drawing a connecting line for connecting parent-child nodes on the canvas, and marking an arrow pointing to a child node from a parent node in the parent-child nodes on the connecting line.
8. The method of claim 1, further comprising:
and labeling the node name of the drawn node.
9. The method of claim 1, further comprising:
responding to a drag request of an input device to the canvas;
determining a first click coordinate position and a second click coordinate position of the input device;
determining the moving distance and the moving angle of the canvas according to the first click coordinate position and the second click coordinate position of the input device;
and moving the canvas according to the moving distance and the moving angle of the canvas.
10. The method of claim 1, further comprising:
responding to a dragging request of input equipment to a node to be dragged on a background graph;
determining a third click coordinate position and a fourth click coordinate position of the input device on the background graph;
determining the moving distance and the moving angle of the node to be dragged according to the third click coordinate position and the fourth click coordinate position of the input device;
and moving the node to be dragged on the background graph according to the moving distance and the moving angle of the node to be dragged.
11. The method of claim 1, further comprising:
in response to a zoom request for the canvas by an input device;
receiving a canvas scaling input by an input device;
and carrying out scaling operation on the canvas according to the canvas scaling.
12. The method of claim 1, further comprising:
responding to a hiding request of an input device for a node to be hidden;
and setting the transparent state of the node to be hidden and the link of the node to be hidden and the node associated with the node to be hidden as transparent.
13. The method of claim 1, further comprising:
drawing a check function box in front of the drawn nodes;
and responding to a triggering request of the input equipment to the check function box of the node to be selected, and checking the check function box of the node to be selected.
14. The method of claim 8, further comprising:
determining a first node name and a second node name which are overlapped with each other;
when the length of the first node name is greater than that of the second node name, processing the first node name as follows until the first node name and the second node name are no longer overlapped:
removing a predetermined number of pixels from the first display frame of the first node name to obtain a reduced first display frame, displaying part of the content of the first node name in the reduced first display frame, and displaying the rest of the content of the first node name in the reduced first display frame in the form of a predetermined letter, number or symbol.
15. A data visualization display device, comprising:
the display device comprises a first determining module, a second determining module and a display module, wherein the first determining module is used for determining the coordinates of a reference point and background graphs surrounding the reference point according to the size of a canvas and the number of the levels into which data to be displayed are divided, and each background graph corresponds to one level;
a background graphic drawing module that draws the reference point and the background graphic around the reference point on the canvas;
the second determining module is used for determining reference data from the data to be displayed;
the node drawing module is used for drawing a first node corresponding to the reference data at the reference point and drawing a second node on each background graph, wherein the second node corresponds to the data to be displayed which is divided into the levels corresponding to the background graphs;
the link drawing module is used for drawing the link between the first node and the second node and/or the link between the second nodes according to the incidence relation between the data to be displayed, wherein the link between any two nodes represents the incidence relation between the two nodes;
the data structure of the data to be displayed is a tree structure including a first subtree and a second subtree, root nodes of the first subtree and the second subtree are the reference data, the reference data is a first level, each node on the first subtree is parent-level data of the reference data, the number of layers to which the node on the first subtree belongs corresponds to the number of levels to which the parent-level data belongs, each node on the second subtree is child-level data of the reference data, the number of layers to which the node on the second subtree belongs corresponds to the number of levels to which the child-level data belongs, and the depth of the tree is equal to the maximum value of the number of levels into which all parent-level data of the reference data are divided and the number of levels into which all child-level data of the reference data are divided;
the node drawing module is further used for
Determining a first drawing area and a second drawing area on the canvas;
traversing parent-level data of the level number corresponding to the node of each layer on the first subtree, and drawing parent-level nodes corresponding to the parent-level data on the first background graph of the first drawing area, wherein the level number of the parent-level data corresponds to the sequence number of the first background graph;
traversing the sub-level data of the level number corresponding to the node of each layer on the second subtree, and drawing the sub-level node corresponding to the sub-level data on the second background graph of the second drawing area, wherein the level number of the sub-level data corresponds to the sequence number of the second background graph.
16. The apparatus of claim 15, wherein the node mapping module is further configured to map the node to a node map based on the node mapping information
Determining a placing angle of each parent node according to the number of the parent nodes and an angle formed by the first background graph and the first node, determining a position coordinate of each parent node on the first background graph according to the placing angle of each parent node and the distance from the first background graph to the first node, and drawing the parent nodes on the first background graph according to the position coordinate of each parent node;
determining the placing angle of each sub-level node according to the number of the sub-level nodes and the angle formed by the second background graph and the first node, determining the position coordinate of each sub-level node on the second background graph according to the placing angle of each sub-level node and the distance from the second background graph to the first node, and drawing the sub-level nodes on the second background graph according to the position coordinate of each sub-level node.
17. The apparatus of claim 15, wherein the canvas comprises a rectangle in shape and the background graphic comprises a circle;
the first determining module is further configured to determine coordinates of a center point of the rectangle as coordinates of the reference point, and determine the number of circles; determining the radius of each circle, wherein the number of the circles is equal to the depth of the tree; the radius of each circle (twice the length of the short side of the rectangle/the number of the circles) is the serial number of the circle;
the background graph drawing module is further configured to draw the reference point on the canvas according to the coordinate of the reference point, and draw the circles on the canvas by using the reference point as a center of a circle and the radius of each circle as a length.
18. The apparatus of claim 15, further comprising:
a third determining module, configured to determine, according to the tree structure, parent and child nodes having a parent-child relationship among the drawn parent node, the first node, and the child node;
the link drawing module is further used for drawing a connecting line for connecting parent-child nodes on the canvas, and an arrow pointing to the child-level node from the parent-level node in the parent-child nodes is marked on the connecting line.
19. The data visualization display equipment is characterized by comprising a processor and a memory; the memory stores a data processing program which, when executed by the processor, causes the processor to perform the steps of the method of any one of claims 1 to 14.
20. A storage medium having stored thereon a data processing program, wherein the data processing program, when executed by a processor, implements the steps of the method of any one of claims 1 to 14.
CN201610844174.5A 2016-09-23 2016-09-23 Data visualization display method and equipment Active CN107870911B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610844174.5A CN107870911B (en) 2016-09-23 2016-09-23 Data visualization display method and equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610844174.5A CN107870911B (en) 2016-09-23 2016-09-23 Data visualization display method and equipment

Publications (2)

Publication Number Publication Date
CN107870911A CN107870911A (en) 2018-04-03
CN107870911B true CN107870911B (en) 2021-06-18

Family

ID=61751285

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610844174.5A Active CN107870911B (en) 2016-09-23 2016-09-23 Data visualization display method and equipment

Country Status (1)

Country Link
CN (1) CN107870911B (en)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108829783B (en) * 2018-05-31 2021-09-28 浪潮软件股份有限公司 Relation processing method and system based on mass data
CN110825989A (en) * 2018-07-23 2020-02-21 北京京东尚科信息技术有限公司 Picture display method and device, electronic equipment and readable medium
CN111292037B (en) * 2020-01-19 2022-05-31 上海智勘科技有限公司 Method and system for marking partitions through videos in warehouse management
CN112612858A (en) * 2020-12-16 2021-04-06 平安普惠企业管理有限公司 Data display method and device based on annular graph and computer equipment
CN113448951B (en) * 2021-09-02 2021-12-21 深圳市信润富联数字科技有限公司 Data processing method, device, equipment and computer readable storage medium

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101470711B (en) * 2007-12-25 2011-04-20 国际商业机器公司 Data visualization method and apparatus for layered graph structure
CN101957757B (en) * 2010-09-30 2012-11-14 北京理工大学 Graphic layout method applicable to software visualization process
US20160004759A1 (en) * 2014-07-03 2016-01-07 Adarsh Ramakrishnan Platform for Managing and Visualizing Data on a Computer
JP2016057928A (en) * 2014-09-10 2016-04-21 株式会社医用工学研究所 Information display program and information display method
CN105426499A (en) * 2015-11-25 2016-03-23 成都数联铭品科技有限公司 Implementation method of data visualization
CN105930461A (en) * 2016-04-21 2016-09-07 成都数联铭品科技有限公司 Data processing method for realizing associated information node visualization tracking

Also Published As

Publication number Publication date
CN107870911A (en) 2018-04-03

Similar Documents

Publication Publication Date Title
CN107870911B (en) Data visualization display method and equipment
US10474340B2 (en) Providing graphical indication of label boundaries in digital maps
US20210349615A1 (en) Resizing graphical user interfaces
US9449581B2 (en) Representation of overlapping visual entities
US20110265023A1 (en) Interactive Representation of Clustered Entities
US20120169772A1 (en) Fractal whiteboarding
US8863034B2 (en) 3D tag clouds for visualizing federated cross-system tags
US20160342678A1 (en) Manipulation of arbitrarily related data
Chen et al. An illustrative visualization framework for 3d vector fields
US20160004695A1 (en) Display, visualization, and management of images based on content analytics
Dunne et al. Readability metric feedback for aiding node-link visualization designers
Hurter Image-based visualization: Interactive multidimensional data exploration
Liao et al. Cluster-based visual abstraction for multivariate scatterplots
Graser et al. QGIS: Becoming a GIS power user
CN107545507B (en) Method and device for generating relational network
Limberger et al. Interactive software maps for web-based source code analysis
CN111026895B (en) Data visualization processing method, device and storage medium
KR102282284B1 (en) Method, apparatus, device, and storage medium for providing visual representation of set of objects
CN105243469A (en) Method for mapping from multidimensional space to low-dimensional space, and display method and system
US10031894B2 (en) Method and apparatus of building intermediate character library
US8902252B2 (en) Digital image selection in a surface computing device
CN114494509A (en) Label drawing method, device and equipment for online drawing and storage medium
US20230008224A1 (en) Visualization of complex data
KR20200058205A (en) Automated symbolization of 1:25,000 map based on domestic geometric characteristic
CN113591852B (en) Method and device for marking region of interest

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
GR01 Patent grant
GR01 Patent grant