CN108090101A - The method and device of data display - Google Patents
The method and device of data display Download PDFInfo
- Publication number
- CN108090101A CN108090101A CN201611048877.3A CN201611048877A CN108090101A CN 108090101 A CN108090101 A CN 108090101A CN 201611048877 A CN201611048877 A CN 201611048877A CN 108090101 A CN108090101 A CN 108090101A
- Authority
- CN
- China
- Prior art keywords
- path
- object model
- document object
- dom
- chord
- 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
- 238000000034 method Methods 0.000 title claims abstract description 46
- 230000000694 effects Effects 0.000 abstract description 4
- 230000009191 jumping Effects 0.000 description 27
- 238000010586 diagram Methods 0.000 description 11
- 238000004590 computer program Methods 0.000 description 8
- 235000008694 Humulus lupulus Nutrition 0.000 description 7
- 239000011159 matrix material Substances 0.000 description 6
- 230000006870 function Effects 0.000 description 5
- 230000008569 process Effects 0.000 description 4
- 230000008901 benefit Effects 0.000 description 3
- 230000000007 visual effect Effects 0.000 description 3
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 206010024825 Loose associations Diseases 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
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/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses a kind of method and devices of data display, are related to Internet technical field, to solve the problems, such as the poor invention of incidence relation bandwagon effect between website.The method of the present invention includes：Associated data is redirected according between website, establishes chord figure layout object chord；First path DOM Document Object Model path dom elements are added according to the group groups attributes of object chord；Second path DOM Document Object Model path dom elements are added according to the string chords attributes of object chord, the 2nd path dom elements connect two different first path DOM Document Object Model path dom elements；The chord figure that the first path DOM Document Object Model path dom elements and the second path DOM Document Object Model path dom elements form is illustrated in default display area.The present invention is suitably applied between website during tight ness rating analysis.
Description
Technical Field
The invention relates to the technical field of internet, in particular to a data display method and device.
Background
For a website, if the number of times that a user jumps to access another website through the website is greater, the closer the association between the website and the other website is indicated, and if the number of times that the user jumps to access another website through the website is less, the less close the association between the website and the other website is indicated. The number of times of website hops can be used as association data indicating the degree of association between websites.
However, the associated data is usually recorded or displayed in the form of text or a data list, and when there are many associated websites, the data list composed of the corresponding associated data is large, and it may not be possible to display all the associated data of the websites well in the same interface.
Disclosure of Invention
In view of the above, the present invention has been made to provide a method and apparatus for data presentation that overcomes or at least partially solves the above problems.
In order to solve the above technical problem, in one aspect, the present invention provides a method for displaying data, including:
establishing a chord chart layout object chord according to jump related data among network stations, wherein the group groups attribute of the object chord represents all the network stations corresponding to the jump related data, and the chord attributes of the object chord represent the jump related data;
adding first path document object model path elements according to group attributes of the object chord, wherein the first path document object model path elements correspond to the websites one by one, and the difference between the ending angle and the starting angle of each first path document object model path element is equal;
adding a second path document object model path dom element according to the chord attribute of the object chord, wherein the second path document object model path dom element represents jump related data between network stations corresponding to two different first path document object models path dom;
and displaying a chord chart formed by the path dom element of the first path document object model and the path dom element of the second path document object model in a preset display area.
Optionally, the method further comprises:
and determining the difference between the ending angle and the starting angle of each first path document object model path dom element and the starting angle and the ending angle of each first path document object model path dom element according to the total number of the websites.
Optionally, each second path document object model path dom element is connected to two different first path document object model path dom elements, and the thickness degree of each second path document object model path dom element represents the size of the jump related data between the two corresponding network stations.
Optionally, the method further comprises:
and determining the proportional relation between the thickness degree of the path dom element of the second path document object model and the size of the jump related data according to the maximum value of the jump related data and the difference value of the ending angle and the starting angle of the path dom element of the first path document object model.
Optionally, the method further comprises:
and adding the name of the corresponding website at the position corresponding to the path dom element of the first path document object model.
Optionally, the method further comprises:
setting an outer radius outradius of a path dom element of the first path document object model according to the range of the preset display area and the area range occupied by the name of the website; and the number of the first and second groups,
and determining the inner radius innerRadius of the path dom element of the first path document object model according to the outer radius outerRadius and the display range required by the path dom element of the second path document object model.
Optionally, the method further comprises:
receiving a selection instruction, wherein the selection instruction is to select any one of the path document object model path dom elements;
displaying a chord chart consisting of a second path document object model path dom element which has a connection relation with a currently selected first path document object model path dom element and first path document object model path dom elements corresponding to all websites in a preset display area according to the selection instruction; or,
and respectively displaying the second path document object model path dom element which has a connection relation with the currently selected first path document object model path dom element and other second path document object model path dom elements in a preset display area according to the selection instruction.
In another aspect, the present invention further provides a data display apparatus, including:
the system comprises a building unit, a chord chart layout unit and a chord management unit, wherein the building unit is used for building a chord chart layout object chord according to jump related data among network stations, the group groups attribute of the chord chart layout object chord represents all the network stations corresponding to the jump related data, and the chord chart attribute of the chord chart layout object chord represents the jump related data;
the first adding unit is used for adding first path document object model path dom elements according to the group attributes of the object chord, the first path document object model path dom elements correspond to the website one by one, and the difference between the ending angle and the starting angle of each first path document object model path dom element is equal;
a second adding unit, configured to add a second path document object model path dom element according to a chord attribute of the object chord, where the second path document object model path dom element represents jump related data between websites corresponding to two different first path document object models path dom;
and the first display unit is used for displaying the chord chart formed by the first path document object model path dom element and the second path document object model path dom element in a preset display area.
Optionally, the apparatus further comprises:
and the first determining unit is used for determining the difference between the ending angle and the starting angle of each first path document object model path dom element and the starting angle and the ending angle of each first path document object model path dom element according to the total number of the websites.
Optionally, each second path document object model path dom element in the second adding unit connects two different first path document object model path dom elements, and the thickness of each second path document object model path dom element indicates the size of the jump related data between the two corresponding network stations.
Optionally, the apparatus further comprises:
and the second determining unit is used for determining the proportional relationship between the thickness degree of the second path document object model pathdom element and the size of the jump related data according to the maximum value of the jump related data and the difference value between the ending angle and the starting angle of the first path document object model pathdom element.
Optionally, the apparatus further comprises:
and the third adding unit is used for adding the name of the corresponding website at the position corresponding to the path dom element of the first path document object model.
Optionally, the apparatus further comprises:
the setting unit is used for setting the outer radius outradius of the path dom element of the first path document object model according to the range of the preset display area and the area range occupied by the name of the website; and the number of the first and second groups,
and a third determining unit, configured to determine an inner radius innerRadius of the path dom element of the first path document object model according to the outer radius outerRadius and a display range required by the path dom element of the second path document object model.
Optionally, the apparatus further comprises:
the receiving unit is used for receiving a selection instruction, wherein the selection instruction is to select any one of the first path document object model path dom elements;
the second display unit is used for displaying a chord chart consisting of second path document object model path dom elements which are in a connection relation with the currently selected first path document object model path dom elements and the first path document object model path dom elements corresponding to all websites in a preset display area according to the selection instruction;
and the third display unit is used for respectively displaying the second path document object model path dom element which has a connection relation with the currently selected first path document object model path dom element and other second path document object model path dom elements in a preset display area according to the selection instruction.
By means of the technical scheme, the data display method and the data display device provided by the invention can establish the chord chart layout object chord according to the jumping associated data among the network stations, wherein the group attributes of the object chord represent all the network stations corresponding to the jumping associated data, and the chord attributes of the object chord represent the jumping associated data; then adding first path document object model path elements according to the group attributes of the object chord, wherein the first path document object model path elements correspond to the websites one by one, and the difference between the ending angle and the starting angle of each first path document object model path element is equal; adding a second path document object model path dom element according to the chord attribute of the object chord, wherein the second path document object model path dom element represents jump related data between network stations corresponding to two different first path document object model path dom elements; and displaying a chord chart formed by the path dom element of the first path document object model and the path dom element of the second path document object model in a preset display area. Compared with the prior art, the method and the device can display the skip related data between the websites in the form of the chord graph, can display the skip related data between all the websites in the chord graph, and avoid the problem that the skip related data corresponding to all the websites cannot be displayed in one interface under the condition that the number of websites is large. In addition, the closeness degree of the association between the websites can be more intuitively represented according to the path dom element of the second path document object model corresponding to the jump associated data in the chord graph.
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
Various other advantages and benefits will become apparent to those of ordinary skill in the art upon reading the following detailed description of the preferred embodiments. The drawings are only for purposes of illustrating the preferred embodiments and are not to be construed as limiting the invention. Also, like reference numerals are used to refer to like parts throughout the drawings. In the drawings:
FIG. 1 is a flow chart of a method for data presentation according to an embodiment of the present invention;
FIG. 2 is a schematic diagram illustrating a chord chart presentation provided by an embodiment of the present invention;
FIG. 3 is a block diagram illustrating components of an apparatus for data presentation according to an embodiment of the present invention;
fig. 4 is a block diagram illustrating another data presentation apparatus 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.
In order to solve the problem of poor display effect of the association relationship between the existing websites, an embodiment of the present invention provides a data display method, as shown in fig. 1, the method includes:
101. and establishing a chord chart layout object chord according to the jump related data between the network stations.
And chord graph is a visual graph in a Data-Driven Documents (D3 for short). In this embodiment, the obtained jump related data between network stations is shown in the form of chord graphs.
The jumping related data among the websites is the jumping times of a user jumping from one website to another website in the process of browsing the webpage. Before the chord chart layout object chord is established according to the jump related data between the network stations, the jump related data between the network stations needs to be acquired first. Jump related data between network stations can be obtained by a tracker. In practical application, the time range of the obtained jump related data can be set according to actual requirements, for example, if the correlation degree between websites within one month needs to be analyzed, jump related data between all related websites within one month can be obtained. The time range can be any time period according to the requirements of practical application.
After the jump associated data between the network stations is obtained, the jump associated data also needs to be aggregated, and a corresponding data matrix is established. The method for establishing the data matrix is illustrated by specific examples: the obtained jump related data among the websites are related to 6 websites, wherein the number of jump times from A to B is A, B, C, D, E, F; the jumping frequency from A to C is 20; the jumping frequency from A to D is 30; the jumping frequency from A to F is 40; the jumping frequency from B to A is 10, and the jumping frequency from C to B is 70; the jumping frequency from D to F is 10; the jumping frequency from C to F is 10; the jumping frequency from D to E is 5; the jumping frequency from E to F is 10; the jumping frequency from F to A is 5; the jumping frequency from E to D is 10; the number of jumps from B to E is 10. The other hop count is 0. The resulting jump matrix is then as follows: where row element A, B, C, D, E, F represents the source web site to jump to and column element A, B, C, D, E, F represents the destination web site to jump to.
And calling a chord chart layout method built in the D3 class library after the data matrix corresponding to the jump correlation data is obtained, and establishing a chord chart layout object chord. Usually the object chord contains two attributes, respectively a group attribute and a chord attribute. In this embodiment, the group attributes of the object chord are set to represent all websites corresponding to the jump related data, and the chord attributes of the object chord represent the jump related data.
102. And adding a first path document object model path dom element according to the group attributes of the object chord.
And the first path document object model path dom elements correspond to the websites one by one. The difference between the ending angle and the starting angle of each first path document object model path dom element is equal, i.e. the difference between the ending angle and the starting angle of all the first path document object model path dom elements is equal to 360 °/number of websites. From the visual point of view: all the first path document object model path dom elements are enclosed into a ring, and each block on the ring corresponds to a website. The outer radius outradius of the circle is the outer radius of the chord graph generated in the subsequent step 104.
It should be noted that, by setting the differences between the ending angles and the starting angles of all the first path document object model path dom elements to be equal, more first path document object model path dom elements can be displayed in one chord graph, and the situation that after a part of the first path document object model path dom elements with larger differences between the ending angles and the starting angles are added, other first path document object model path dom elements cannot be added is avoided.
103. And adding a second path document object model path dom element according to the chord attributes of the object chord.
The second path document object model path dom element is connected with two different first path document object model path dom elements, and the second path document object model path dom element represents jump related data between network stations corresponding to the two different first path document object model path dom elements. Specifically, the method comprises the following steps: the second path document object model path elements are two arcs connecting the inner radii of the different first path document object model path elements, one arc is determined by the starting angle of the source website and the starting angle of the destination website, and the other arc is determined by the ending angle of the source website and the ending angle of the destination website. The difference between the end angle of the source website and the start angle of the source website is in direct proportion to the number of hops from the source website to the destination website, and the difference between the end angle of the destination website and the start angle of the destination website is in direct proportion to the number of hops from the destination website to the source website.
104. And displaying a chord chart formed by the path dom element of the first path document object model and the path dom element of the second path document object model in a preset display area.
The effect of the specific and chord graph presentation is shown in figure 2. Fig. 2 is a schematic chord chart showing only a chord chart composed of jump related data between websites related to the south yang city government website and the south yang city government website, and it can be seen from the chord chart that the first path document object model path dom elements corresponding to each website are equal in size, and the second path document object model path dom elements are different in thickness.
In the chord graph, information such as the most compact association degree between a certain website and other websites, no association with the websites or loose association with the websites and the like can be intuitively acquired according to the thickness degree of the path dom element of the second path document object model, and compared with a mode of recording skip association data between websites in a list or document mode, the information acquisition is quicker and more accurate. For example, in fig. 2, it can be quickly determined that the association between the site of the city government in south yang and the site of the education office is the most tight.
In addition, the association relations among all the websites are displayed in a chord graph, and the situation that the skip association data list cannot be displayed in an interface when the number of the websites is large does not exist.
According to the data display method provided by the embodiment of the invention, a chord chart layout object chord can be established according to the jumping associated data among the network stations, wherein the group attributes of the object chord represent all the network stations corresponding to the jumping associated data, and the chord attributes of the object chord represent the jumping associated data; then adding first path document object model path elements according to the group attributes of the object chord, wherein the first path document object model path elements correspond to the websites one by one, and the difference between the ending angle and the starting angle of each first path document object model path element is equal; adding a second path document object model path dom element according to the chord attribute of the object chord, wherein the second path document object model path dom element represents jump related data between network stations corresponding to two different first path document object models path dom; and displaying a chord chart formed by the path dom element of the first path document object model and the path dom element of the second path document object model in a preset display area. Compared with the prior art, the method and the device can display the skip related data between the websites in the chord graph mode, can display the skip related data between all the websites in the chord graph, and avoid the problem that the skip related data corresponding to all the websites cannot be displayed in one interface under the condition that the number of websites is large. In addition, the closeness degree of the association between the websites can be more intuitively represented through the second path document object model path dom element corresponding to the jump association data in the chord graph.
Further, as a refinement and an extension of the embodiment shown in fig. 1, the following is described:
when jumping related data among websites is converted into chord graph display, in order to ensure that the chord graph can be completely displayed in a preset display area, firstly, the range of the preset display area needs to be determined, and then, the outer radius of the chord graph is determined according to the size of the range of the preset display area. In addition, each first path document object model path dom element corresponds to a website, and in order to better identify the corresponding relationship between the first path document object model path dom element and the website, the name of the corresponding website needs to be added at a position near each first path document object model path dom element. In practical applications, in order not to affect the display of the path dom element of the second path document object model, the name of the website is usually added outside the outer radius of the chord chart. After the name of the website is added, since the name of the website also needs to occupy the space in the preset display area, the outer radius of the corresponding chord chart needs to be determined according to two factors, namely the range of the preset display area and the range of the area occupied by the name of the website.
Determining the outer radius outradius of the path dom element of the first path document object model, namely determining the outer radius outradius of the path dom element of the first path document object model, then determining the inner radius innerRadius of the path dom element of the first path document object model according to the outer radius outradius of the path dom element of the first path document object model, wherein the inner radius innerRadius of the path dom element of the first path document object model is smaller than the outer radius outradius of the path dom element of the first path document object model, for example, the inner radius innerRadius of which the outer radius is 1.2 times can be set. The specific proportional relation between the inner radius innerRadius and the outer radius outerRadius is mainly considered to provide enough display area for the path dom element of the second path document object model and two factors of the attractiveness of the whole chord chart display.
Further, the difference between the ending angle and the starting angle of the path dom element of the first path document object model is equal to 360 °/the number of websites. Therefore, the start angle and the end angle of each first path document object model pathdom element need to be calculated according to the number of websites. A specific example is now given to illustrate the process of calculating the start angle and the end angle of the first path document object model pathdom element:
assuming that 6 websites A, B, C, D, E, F are provided, the difference between the ending angle and the starting angle corresponding to each first path document object model path dom element is 360 °/6 ═ 60 °, assuming that the starting angle corresponding to the first path document object model path dom element corresponding to website a is 0, the corresponding ending angle is 60 °, and then according to the arrangement order of the websites, the starting angle and the ending angle of the first path document object model path dom element corresponding to B, C, D, E, F are respectively 60 °, 120 °, 180 °, 240 °, 300 °, and 360 °.
In addition, the specific pass thickness degree of the second path document object model path dom element added in step 103 in fig. 1 represents the size of the jump related data between the network stations corresponding to the two different first path document object model path dom elements. The thicker the path dom element of the second path document object model is, the larger the jump related data between the two corresponding websites is; the thinner the path dom element of the second path document object model is, the smaller the jump related data between the two corresponding websites is. The specific thickness of the second path document object model path dom element is expressed by the difference between the end angle of the source website and the start angle of the source website corresponding to the two arcs forming the second path document object model path dom element and the difference between the end angle of the destination website and the start angle of the destination website. Therefore, the corresponding direct proportional relationship exists between the difference between the end angle of the source website and the start angle of the source website and the number of hops from the source website to the destination website, and the same direct proportional relationship also exists between the difference between the end angle of the destination website and the start angle of the destination website and the number of hops from the destination website to the source website. In order to unify the display proportion of the second path document object model path dom elements in the chord graph, the size of the jump times between different websites can be intuitively determined according to the thickness of the second path document object model path dom elements, and the proportional relationship between the difference between the end angle of the source website and the start angle of the source website related to all the second path document object model path dom elements and the jump times from the source website to the destination website, and the proportional relationship between the difference between the end angle of the destination website and the start angle of the destination website and the jump times from the destination website to the source website are generally set to be equal proportional relationships.
Further, for the proportional relationship between the difference between the start angle of the source website and the end angle of the source website corresponding to the second path document object model path dom element and the jump correlation data or the proportional relationship between the difference between the start angle of the destination website and the end angle of the destination website and the jump correlation data, it needs to be determined according to the maximum value of the jump correlation data between all websites and the difference between the start angle and the end angle of the first path document object model path dom element, so as to ensure that all the second path document object model path dom elements do not exceed the boundary of the connected first path document object model path dom elements.
The following illustrates how to determine the proportional relationship between the difference between the start angle of the source website and the end angle of the source website corresponding to the second path document object model pathdom element and the jump related data or the proportional relationship k between the difference between the start angle of the destination website and the end angle of the destination website and the jump related data according to the maximum M value in the jump related data between all websites and the difference n between the start angle and the end angle of the first path document object model pathdom element: assuming that the maximum value M of all inter-network-station jump related data is 30 and the difference n between the start angle and the end angle of the first path document object model path dom element is 30 °, it may be determined that k is 30/30 or 1. In addition, in practice, in order to ensure that all the second path document object model path elements do not exceed the boundary of the connected first path document object model path elements, in the above example, k may be in a range of k ≧ 1, and different k may be selected according to the actual requirements of the user, where the display effect obtained by different k is different.
In addition, in order to highlight the relationship closeness between a certain website that a user wants to view and other websites in the chord graph, for step 104 in fig. 1, before displaying the chord graph composed of the first path document object model path dom element and the second path document object model path dom element in the preset display area, the method further includes receiving a selection instruction, wherein the selection instruction is to select any one of the first path document object model path dom elements, namely, select a website corresponding to any one of the first path document object model path dom elements; then, displaying a chord chart consisting of a second path document object model path dom element which has a connection relation with a currently selected first path document object model path dom element and first path document object model path dom elements corresponding to all websites in a preset display area according to the selection instruction; or, according to the selection instruction, the second path document object model path dom element which has a connection relation with the currently selected first path document object model path dom element is displayed in a preset display area with the other second path document object model path dom elements.
Further, as an implementation of the method shown in fig. 1, another embodiment of the present invention further provides a data display apparatus. The embodiment of the apparatus corresponds to the embodiment of the method, and for convenience of reading, details in the embodiment of the apparatus are not repeated one by one, but it should be clear that the apparatus in the embodiment can correspondingly implement all the contents in the embodiment of the method. As shown in fig. 3, the apparatus includes: a creating unit 301, a first adding unit 302, a second adding unit 303 and a first showing unit 304.
The establishing unit 301 is configured to establish a chord chart layout object chord according to the jump related data between the websites, where a group attribute of the chord chart layout object chord represents all websites corresponding to the jump related data, and a chord chart attribute of the chord chart layout object chord represents the jump related data;
the jumping related data among the websites is the jumping times of a user jumping from one website to another website in the process of browsing the webpage. Before the chord chart layout object chord is established according to the jump related data between the network stations, the jump related data between the network stations needs to be acquired first. The jump related data between the network stations can be obtained by a tracker. In practical application, the time range of the obtained jump related data can be set according to actual requirements, for example, if the correlation degree between websites within one month needs to be analyzed, jump related data between all related websites within one month can be obtained. The time range can be any time period according to the requirements of practical application.
After the jump associated data between the network stations is obtained, the jump associated data also needs to be aggregated, and a corresponding data matrix is established. And calling a chord chart layout method built in the D3 class library after the data matrix corresponding to the jump correlation data is obtained, and establishing a chord chart layout object chord. Usually the object chord contains two attributes, respectively a group attribute and a chord attribute. In this embodiment, the group attributes of the object chord are set to represent all websites corresponding to the jump related data, and the chord attributes of the object chord represent the jump related data.
A first adding unit 302, configured to add first path document object model path dom elements according to group attributes of the object chord, where the first path document object model path dom elements correspond to the website one by one, and differences between an ending angle and a starting angle of each first path document object model path dom element are equal;
and the first path document object model path dom elements correspond to the websites one by one. The difference between the ending angle and the starting angle of each first path document object model path dom element is equal, i.e. the difference between the ending angle and the starting angle of all the first path document object model path dom elements is equal to 360 °/number of websites. From the visual point of view: all the first path document object model path dom elements are enclosed into a ring, and each block on the ring corresponds to a website.
It should be noted that, setting the differences between the ending angles and the starting angles of all the first path document object model path dom elements to be equal, has the following beneficial effects compared with the existing chord graph in which the differences between the ending angles and the starting angles of the first path document object model path dom elements are unequally distributed: more first path document object model path dom elements can be displayed in one chord graph, and the situation that after the first path document object model path dom elements with larger difference between a part of ending angles and starting angles are added, other first path document object model path dom elements cannot be added is avoided.
A second adding unit 303, configured to add a second path document object model path dom element according to a chord attribute of the object chord, where the second path document object model path dom element represents jump related data between websites corresponding to two different first path document object model path dom elements;
the second path document object model path dom element is connected with two different first path document object model path dom elements, and the second path document object model path dom element represents jump related data between network stations corresponding to the two different first path document object model path dom elements. Specifically, the method comprises the following steps: the second path document object model path elements are two arcs connecting the inner radii of the different first path document object model path elements, one arc is determined by the starting angle of the source website and the starting angle of the destination website, and the other arc is determined by the ending angle of the source website and the ending angle of the destination website. The difference between the end angle of the source website and the start angle of the source website is in direct proportion to the number of hops from the source website to the destination website, and the difference between the end angle of the destination website and the start angle of the destination website is in direct proportion to the number of hops from the destination website to the source website.
The first display unit 304 is configured to display a chord chart formed by the first path document object model path dom element and the second path document object model path dom element in a preset display area.
Further, as shown in fig. 4, the apparatus further includes:
a first determining unit 305, configured to determine, according to the total number of websites, a difference between an end angle and a start angle of each first path document object model path element and a start angle and an end angle of each first path document object model path element.
Further, each second path document object model path dom element in the second adding unit 303 connects two different first path document object model path dom elements, and the thickness degree of each second path document object model path dom element represents the size of the jump related data between the two corresponding network stations.
Further, as shown in fig. 4, the apparatus further includes:
a second determining unit 306, configured to determine, according to the maximum value of the jump related data and a difference between an end angle and a start angle of the path dom element of the first path document object model, a proportional relationship between a thickness degree of the path dom element of the second path document object model and a size of the related jump data.
Further, as shown in fig. 4, the apparatus further includes:
a third adding unit 307, configured to add the name of the corresponding website at the position corresponding to the path dom element of the first path document object model.
Further, as shown in fig. 4, the apparatus further includes:
a setting unit 308, configured to set an outer radius outradius of a path dom element of the first path document object model according to a range of a preset display area and an area range occupied by a name of a website; and the number of the first and second groups,
a third determining unit 309, configured to determine an inner radius innerRadius of the path dom element of the first path document object model according to the outer radius outerRadius and the display range required by the path dom element of the second path document object model.
Further, as shown in fig. 4, the apparatus further includes:
a receiving unit 310, configured to receive a selection instruction, where the selection instruction is to select any one of the first path document object model path dom elements;
the second display unit 311 is configured to display, in a preset display area, a chord chart formed by the second path document object model path dom element having a connection relationship with the currently selected first path document object model path dom element and the first path document object model path dom elements corresponding to all websites according to the selection instruction;
the third displaying unit 312 is configured to separately display, according to the selection instruction, the second path document object model path dom element having a connection relationship with the currently selected first path document object model path dom element and other second path document object model path dom elements in a preset displaying area.
The data display device provided by the embodiment of the invention can establish the chord chart layout object chord according to the jumping associated data among the network stations, wherein the group attributes of the object chord represent all the network stations corresponding to the jumping associated data, and the chord attributes of the object chord represent the jumping associated data; then adding first path document object model path elements according to the group attributes of the object chord, wherein the first path document object model path elements correspond to the websites one by one, and the difference between the ending angle and the starting angle of each first path document object model path element is equal; adding a second path document object model path dom element according to the chord attribute of the object chord, wherein the second path document object model path dom element represents jump related data between network stations corresponding to two different first path document object models path dom; and displaying a chord chart formed by the path dom element of the first path document object model and the path dom element of the second path document object model in a preset display area. Compared with the prior art, the method and the device can display the skip related data between the websites in the form of the chord graph, can display the skip related data between all the websites in the chord graph, and avoid the problem that the skip related data corresponding to all the websites cannot be displayed in one interface under the condition that the number of websites is large. In addition, the closeness degree of the association between the websites can be more intuitively represented according to the path dom element of the second path document object model corresponding to the jump associated data in the chord graph.
The data presentation device comprises a processor and a memory, the establishing unit 301, the first adding unit 302, the second adding unit 303, the first presentation unit 304 and the like are all stored in the memory as program units, and the processor executes the program units stored in the memory to realize corresponding functions.
The present application further provides a computer program product adapted to perform program code for initializing the following method steps when executed on a data processing device: establishing a chord chart layout object chord according to jump related data among network stations, wherein the group groups attribute of the object chord represents all the network stations corresponding to the jump related data, and the chord attributes of the object chord represent the jump related data; adding first path document object model path elements according to group attributes of the object chord, wherein the first path document object model path elements correspond to the websites one by one, and the difference between the ending angle and the starting angle of each first path document object model path element is equal; adding a second path document object model path dom element according to the chord attribute of the object chord, wherein the second path document object model path dom element represents jump related data between network stations corresponding to two different first path document object model path dom elements; and displaying a chord chart formed by the path dom element of the first path document object model and the path dom element of the second path document object model in a preset display area.
As will be appreciated by one skilled in the art, embodiments of the present application may be provided as a method, system, or computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The present application is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the application. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
The memory may include forms of volatile memory in a computer readable medium, Random Access Memory (RAM) and/or non-volatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM). The memory is an example of a computer-readable medium.
Computer-readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), Digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device. As defined herein, a computer readable medium does not include a transitory computer readable medium such as a modulated data signal and a carrier wave.
The above are merely examples of the present application and are not intended to limit the present application. Various modifications and changes may occur to those skilled in the art. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application should be included in the scope of the claims of the present application.
Claims (14)
1. A method of data presentation, the method comprising:
establishing a chord chart layout object chord according to jump related data among network stations, wherein the group groups attribute of the object chord represents all the network stations corresponding to the jump related data, and the chord attributes of the object chord represent the jump related data;
adding first path document object model path elements according to group attributes of the object chord, wherein the first path document object model path elements correspond to the websites one by one, and the difference between the ending angle and the starting angle of each first path document object model path element is equal;
adding a second path document object model path dom element according to the chord attribute of the object chord, wherein the second path document object model path dom element represents jump related data between network stations corresponding to two different first path document object model path dom elements;
and displaying a chord chart formed by the path dom element of the first path document object model and the path dom element of the second path document object model in a preset display area.
2. The method of claim 1, further comprising:
and determining the difference between the ending angle and the starting angle of each first path document object model path dom element and the starting angle and the ending angle of each first path document object model path dom element according to the total number of the websites.
3. The method according to claim 1, wherein each of the second path document object model path dom elements connects two different first path document object model path dom elements, and the thickness degree of each of the second path document object model path dom elements represents the size of the jump related data between the two corresponding network stations.
4. The method of claim 3, further comprising:
and determining the proportional relation between the thickness degree of the path dom element of the second path document object model and the size of the jump related data according to the maximum value of the jump related data and the difference value of the ending angle and the starting angle of the path dom element of the first path document object model.
5. The method of claim 1, further comprising:
and adding the name of the corresponding website at the position corresponding to the path dom element of the first path document object model.
6. The method of claim 5, further comprising:
setting an outer radius outradius of a path dom element of the first path document object model according to the range of the preset display area and the area range occupied by the name of the website; and the number of the first and second groups,
and determining the inner radius innerRadius of the path dom element of the first path document object model according to the outer radius outerRadius and the display range required by the path dom element of the second path document object model.
7. The method according to any one of claims 1-6, wherein the method further comprises:
receiving a selection instruction, wherein the selection instruction is to select any one of the path document object model path dom elements;
displaying a chord chart consisting of a second path document object model path dom element which has a connection relation with a currently selected first path document object model path dom element and first path document object model path dom elements corresponding to all websites in a preset display area according to the selection instruction; or,
and respectively displaying the second path document object model path dom element which has a connection relation with the currently selected first path document object model path dom element and other second path document object model path dom elements in a preset display area according to the selection instruction.
8. An apparatus for data presentation, the apparatus comprising:
the system comprises a building unit, a chord chart layout unit and a chord management unit, wherein the building unit is used for building a chord chart layout object chord according to jump related data among network stations, the group groups attribute of the chord chart layout object chord represents all the network stations corresponding to the jump related data, and the chord chart attribute of the chord chart layout object chord represents the jump related data;
the first adding unit is used for adding first path document object model path elements according to the group attributes of the object chord, the first path document object model path elements correspond to the websites one by one, and the difference between the ending angle and the starting angle of each first path document object model path element is equal;
a second adding unit, configured to add a second path document object model path element according to a chord attribute of the object chord, where the second path document object model path element represents jump related data between websites corresponding to two different first path document object model path elements;
and the first display unit is used for displaying the chord chart formed by the first path document object model path dom element and the second path document object model path dom element in a preset display area.
9. The apparatus of claim 8, further comprising:
and the first determining unit is used for determining the difference between the ending angle and the starting angle of each first path document object model path element and the starting angle and the ending angle of each first path document object model path element according to the total number of the websites.
10. The apparatus according to claim 8, wherein each of the second path document object model path dom elements in the second adding unit connects two different first path document object model path dom elements, and a thickness degree of each of the second path document object model path dom elements represents a size of the jump related data between the corresponding two websites.
11. The apparatus of claim 10, further comprising:
and the second determining unit is used for determining the proportional relation between the thickness degree of the path dom element of the second path document object model and the size of the jump related data according to the maximum value of the jump related data and the difference value between the ending angle and the starting angle of the path dom element of the first path document object model.
12. The apparatus of claim 8, further comprising:
and the third adding unit is used for adding the name of the corresponding website at the position corresponding to the path dom element of the first path document object model.
13. The apparatus of claim 12, further comprising:
the setting unit is used for setting the outer radius outradius of the path dom element of the first path document object model according to the range of the preset display area and the area range occupied by the name of the website; and the number of the first and second groups,
and a third determining unit, configured to determine an inner radius innerRadius of the path dom element of the first path document object model according to the outer radius outerRadius and a display range required by the path dom element of the second path document object model.
14. The apparatus of any one of claims 8-13, further comprising:
the receiving unit is used for receiving a selection instruction, wherein the selection instruction is used for selecting any one of the first path document object model pathdom elements;
the second display unit is used for displaying a chord chart consisting of second path document object model path dom elements which are in a connection relation with the currently selected first path document object model path dom elements and the first path document object model path dom elements corresponding to all websites in a preset display area according to the selection instruction;
and the third display unit is used for respectively displaying the second path document object model path dom element which has a connection relation with the currently selected first path document object model path dom element and other second path document object model path dom elements in a preset display area according to the selection instruction.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611048877.3A CN108090101A (en) | 2016-11-22 | 2016-11-22 | The method and device of data display |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611048877.3A CN108090101A (en) | 2016-11-22 | 2016-11-22 | The method and device of data display |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN108090101A true CN108090101A (en) | 2018-05-29 |
Family
ID=62171686
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201611048877.3A Pending CN108090101A (en) | 2016-11-22 | 2016-11-22 | The method and device of data display |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108090101A (en) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104318068A (en) * | 2014-09-29 | 2015-01-28 | 天津大学 | Competitive sports teamwork mode analogy method based on chordal graph visualization |
| US20150379887A1 (en) * | 2014-06-26 | 2015-12-31 | Hapara Inc. | Determining author collaboration from document revisions |
| CN106131017A (en) * | 2016-07-14 | 2016-11-16 | 何钟柱 | Cloud computing information security visualization system based on trust computing |
-
2016
- 2016-11-22 CN CN201611048877.3A patent/CN108090101A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20150379887A1 (en) * | 2014-06-26 | 2015-12-31 | Hapara Inc. | Determining author collaboration from document revisions |
| CN104318068A (en) * | 2014-09-29 | 2015-01-28 | 天津大学 | Competitive sports teamwork mode analogy method based on chordal graph visualization |
| CN106131017A (en) * | 2016-07-14 | 2016-11-16 | 何钟柱 | Cloud computing information security visualization system based on trust computing |
Non-Patent Citations (2)
| Title |
|---|
| 周亦等: "大数据环境下历史人物知识图谱构建与实现", 《系统仿真学报》 * |
| 永哼哼: "D3.js数据可视化（二）——绘制弦图（Chord Layout）", 《HTTPS://WWW.CNBLOGS.COM/YONGHENG20/P/4944941.HTML》 * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8677235B2 (en) | Ranking visualization types based upon fitness for visualizing a data set | |
| US9507480B1 (en) | Interface optimization application | |
| CN111414166B (en) | Code generation method, device, equipment and storage medium | |
| CN106484726B (en) | A kind of page display method and device | |
| CN109426415B (en) | Method and device for generating cascade selector | |
| CN108874379B (en) | Page processing method and device | |
| CN107728983A (en) | Double screen operating method and equipment | |
| CN105630792A (en) | Information display method and device as well as information push method and device | |
| US20110314361A1 (en) | Generating recommendations for improving a presentation document | |
| WO2013173194A1 (en) | A user recommendation method and device | |
| CN110232156A (en) | Information recommendation method and device based on long text | |
| CN110968314A (en) | Page generation method and device | |
| US9355481B2 (en) | Dynamic visualization for optimization processes | |
| CN111078967B (en) | Display method, display device, electronic equipment and storage medium | |
| US9201967B1 (en) | Rule based product classification | |
| CN110232155B (en) | Information recommendation method for browser interface and electronic equipment | |
| CN111143546A (en) | Method and device for obtaining recommendation language and electronic equipment | |
| CN107562533B (en) | Data loading processing method and device | |
| CN115981617A (en) | Code sentence recommendation method and device, electronic equipment and storage medium | |
| CN110647680A (en) | User browsing behavior analysis method and device | |
| CN110019357B (en) | Database query script generation method and device | |
| CN108090101A (en) | The method and device of data display | |
| CN110928540A (en) | Page generation method and device | |
| US10365808B2 (en) | Metadata-based navigation in semantic zoom environment | |
| CN110019771B (en) | Text processing method and device |
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 | ||
| CB02 | Change of applicant information |
Address after: 100083 No. 401, 4th Floor, Haitai Building, 229 North Fourth Ring Road, Haidian District, Beijing Applicant after: BEIJING GRIDSUM TECHNOLOGY Co.,Ltd. Address before: 100086 Cuigong Hotel, 76 Zhichun Road, Shuangyushu District, Haidian District, Beijing Applicant before: BEIJING GRIDSUM TECHNOLOGY Co.,Ltd. |
|
| CB02 | Change of applicant information | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180529 |
|
| RJ01 | Rejection of invention patent application after publication |