Graph display method and device

Abstract

This invention discloses a chart display method and apparatus. The method includes: determining display areas for multiple graphs; determining related data based on the dataset to be displayed on each graph, wherein related data refers to identical data within the dataset; displaying the related data in the related areas, and displaying the non-related data on each graph in the non-related areas of each graph, wherein the related areas are the intersecting areas between the display areas of the graphs, the non-related data are the data in the graph excluding the related data, and the non-related areas are the display areas of the graph excluding the related areas. This invention solves the technical problem in related technologies where methods do not display keywords on Venn diagrams, only displaying Venn diagrams, resulting in poor usability.

Description

Technical Field

[0001] This invention relates to the field of chart display, and more specifically, to a chart display method and apparatus. Background Art

[0002] In the process of statistical data analysis using charts, extensive calculations and data cleaning result in multiple keyword sets. The goal is to simultaneously display the relationships between these sets and the keywords themselves. The intersecting parts of the Venn diagram would display keywords common to different sets, while the non-intersecting parts would display keywords unique to each set. This would not only clearly illustrate the logical connections between sets but also provide a more visual representation of the data structure. However, current technologies only provide the Venn diagram implementation and cannot display keywords on it, leading to poor usability.

[0003] To address the above-mentioned problems, no effective solutions have been proposed so far. Summary of the Invention

[0004] This invention provides a chart display method and apparatus to at least solve the technical problem in related technologies where methods do not display keywords on Venn diagrams, but can only display Venn diagrams, resulting in poor usability.

[0005] According to one aspect of the present invention, a chart display method is provided, comprising: determining display areas of a plurality of graphs; determining associated data based on a dataset to be displayed on each graph, wherein the associated data is identical data in the dataset to be displayed; displaying the associated data in the associated areas, and displaying non-associated data on each graph in the non-associated areas of each graph, wherein the associated areas are the areas where the display areas of the graphs intersect, the non-associated data are data in the graph other than the associated data, and the non-associated areas are the display areas of the graph other than the associated areas.

[0006] Optionally, determining the display area of ​​multiple graphics includes: determining the area size of each graphic to be displayed based on the size of the display area used to render the graphics; determining the coordinate position of each graphic to be displayed based on the intersection of the area size of each graphic and the dataset to be displayed between the graphics; and determining the display area of ​​each graphic based on the area size of each graphic and the coordinate position of each graphic to be displayed.

[0007] Optionally, determining the coordinate position of each graphic to be displayed based on the area size of each graphic and the intersection of the datasets to be displayed between the graphics includes: determining the area of ​​the associated region based on the area size of each graphic and the intersection of the datasets to be displayed between the graphics; and determining the coordinate position of each graphic to be displayed based on the area of ​​the associated region.

[0008] Optionally, the area of ​​the associated region is determined based on the area size of each graphic and the intersection of the datasets to be displayed between the graphics, including: determining the area of ​​the area size of each graphic; and determining the area of ​​the associated region based on the amount of data in the intersection and the area of ​​the area size of each graphic.

[0009] Optionally, after determining the associated data based on the dataset to be displayed on each graphic, the method further includes: determining the coordinate position of the associated region based on the position of the display area of ​​each graphic; and determining the associated region based on the coordinate position of the associated region and the area of ​​the associated region.

[0010] Optionally, displaying the associated data in the associated area and displaying the non-associated data on each graphic in the non-associated area of ​​each graphic includes: establishing a coordinate system within the display area; determining the equation of the outline of the display area in the coordinate system, wherein the outline of the display area is a closed graphic; determining the equation of the outline of the associated area based on the equation of the outline of the display area; determining the coordinate range of the associated area based on the equation of the outline of the associated area, and displaying the associated data within the coordinate range of the associated area; and / or, determining the equation of the outline of the non-associated area based on the equation of the outline of the display area; determining the coordinate range of the non-associated area based on the equation of the outline of the non-associated area, and displaying the non-associated data within the coordinate range of the non-associated area.

[0011] Optionally, displaying the associated data within the coordinate range of the associated region includes: uniformly distributing multiple associated data points on the horizontal axis of the associated region; randomly shifting the uniformly distributed associated data points on the vertical axis; or, uniformly distributing multiple associated data points on the vertical axis of the associated region; randomly shifting the uniformly distributed associated data points on the horizontal axis. Displaying the non-associated data within the coordinate range of the non-associated region includes: uniformly distributing multiple non-associated data points on the horizontal axis of the non-associated region; randomly shifting the uniformly distributed non-associated data points on the vertical axis; or, uniformly distributing multiple non-associated data points on the vertical axis of the non-associated region; randomly shifting the uniformly distributed non-associated data points on the horizontal axis.

[0012] According to another aspect of the present invention, a chart display device is also provided, comprising: a first determining module, configured to determine display areas of a plurality of charts; a second determining module, configured to determine associated data based on a dataset to be displayed on each chart, wherein the associated data is identical data in the dataset to be displayed; and an associating module, configured to display the associated data in an associated area and display non-associated data on each chart in a non-associated area of ​​each chart, wherein the associated area is the area where the display areas of the charts intersect, the non-associated data is data in the chart other than the associated data, and the non-associated area is the display area of ​​the chart other than the associated area.

[0013] According to another aspect of the present invention, a storage medium is also provided, the storage medium including a stored program, wherein, when the program is executed, the device where the storage medium is located is controlled to execute any of the above-described chart display methods.

[0014] According to another aspect of the present invention, an electronic device is also provided, the device including at least one processor, and at least one memory and bus connected to the processor; wherein the processor and the memory communicate with each other through the bus; the processor is used to call program instructions in the memory to execute the chart display method described in any one of the above.

[0015] In this embodiment of the invention, the following methods are employed: determining display areas for multiple graphics; determining associated data based on the dataset to be displayed on each graphic, wherein associated data refers to the same data in the dataset to be displayed; displaying associated data in associated areas, and displaying non-associated data on each graphic in non-associated areas of each graphic, wherein associated areas are the areas where the display areas of the graphics intersect, and non-associated data refers to the data in the graphics excluding associated data, and non-associated areas are the display areas in the display areas of the graphics excluding associated areas. By displaying the dataset corresponding to the graphics on the display areas of the graphics, and displaying the data with relationships between the graphics on the associated areas, the purpose of combining the display areas of the graphics and the data corresponding to the display areas is achieved. This realizes the technical effect of simultaneously displaying Venn diagrams and keywords, improving the usability, and thus solves the technical problem in related technologies where methods that do not display keywords on Venn diagrams can only display Venn diagrams, resulting in poor usability. Attached Figure Description

[0016] The accompanying drawings, which form part of this application, are used to provide a further understanding of this application. The illustrative embodiments and descriptions of this application are used to explain this application and do not constitute an undue limitation of this application. In the drawings:

[0017] Figure 1 This is a flowchart of a chart display method according to an embodiment of the present invention;

[0018] Figure 2 This is a schematic diagram of a Venn diagram of two disjoint sets according to an embodiment of the present invention;

[0019] Figure 3 This is a schematic diagram of a Venn diagram of the intersection of two sets according to an embodiment of the present invention;

[0020] Figure 4 This is a schematic diagram of data displayed on a Venn diagram according to an embodiment of the present invention;

[0021] Figure 5 This is a schematic diagram of a chart display device according to an embodiment of the present invention;

[0022] Figure 6 This is a schematic diagram of an electronic device provided according to an embodiment of this application. Detailed Implementation

[0023] It should be noted that, unless otherwise specified, the embodiments and features described in this application can be combined with each other. This application will now be described in detail with reference to the accompanying drawings and embodiments.

[0024] To enable those skilled in the art to better understand the present application, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of the present application, and not all embodiments. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art without creative effort should fall within the scope of protection of the present application.

[0025] It should be noted that the terms "first," "second," etc., in the specification, claims, and accompanying drawings of this application are used to distinguish similar objects and are not necessarily used to describe a specific order or sequence. It should be understood that such data can be interchanged where appropriate for the embodiments of this application described herein. Furthermore, the terms "comprising" and "having," and any variations thereof, are intended to cover non-exclusive inclusion; for example, a process, method, system, product, or apparatus that comprises a series of steps or units is not necessarily limited to those steps or units explicitly listed, but may include other steps or units not explicitly listed or inherent to such processes, methods, products, or apparatus.

[0026] For ease of description, the following explains some of the nouns or terms used in the embodiments of this application:

[0027] Venn diagrams, also known as Venn diagrams, are sketches used in mathematics to represent sets (or classes) in a less strict sense. They are used to illustrate the mathematical logical relationships between different groups (sets), and are particularly suitable for representing the "general relationships" between sets (or classes). They are also often used to help deduce (or understand the derivation process) some rules about set operations (or class operations).

[0028] Word cloud: also known as text cloud, is a visualization of text mining.

[0029] According to an embodiment of the present invention, a graphical representation method is provided. It should be noted that the steps shown in the flowchart in the accompanying drawings can be executed in a computer system such as a set of computer-executable instructions. Furthermore, although a logical order is shown in the flowchart, in some cases, the steps shown or described may be executed in a different order than that shown here.

[0030] Figure 1 This is a flowchart of a chart display method according to an embodiment of the present invention, such as... Figure 1 As shown, the method includes the following steps:

[0031] Step S102: Determine the display area for multiple graphics;

[0032] Step S104: Based on the dataset to be displayed on each graph, determine the associated data, wherein the associated data are the same data in the dataset to be displayed;

[0033] Step S106: Display the associated data in the associated area, and display the non-associated data on each graph in the non-associated area of ​​each graph. The associated area is the area where the display areas of the graphs intersect, the non-associated data is the data in the graph other than the associated data, and the non-associated area is the display area of ​​the graph other than the associated area.

[0034] Through the above steps, the display areas of multiple graphs are determined; based on the dataset to be displayed on each graph, related data is determined, where related data refers to the same data in the dataset to be displayed; related data is displayed in the related area, and non-related data on each graph is displayed in the non-related area of ​​each graph. The related area is the area where the display areas of the graphs intersect, and the non-related data is the data in the graph excluding the related data. By displaying the dataset corresponding to the graph on the graph's display area and displaying the data with relationships between graphs in the related area, the goal of combining the display area of ​​the graph with the corresponding data is achieved. This realizes the technical effect of simultaneously displaying Venn diagrams and keywords, improving usability, and thus solves the technical problem in related technologies where only Venn diagrams are displayed, resulting in poor usability, as the methods do not display keywords on the Venn diagram.

[0035] The above-mentioned graph can be a Venn diagram. In the field of data visualization, common charts include Venn diagrams, pie charts, bar charts, line charts, and logic diagrams. However, they can usually only represent the relative relationships of data through graphics. For example, a Venn diagram can represent the relationship between data sets or data classes, and a pie chart can represent the proportional relationship between the data and the total number of data.

[0036] In Venn diagrams, logical relationships between different data sets or categories are typically represented. The relationships between data sets are indicated by the disjointness or intersection of the graphs; for example, the intersection of two graphs represents a common set. However, a simple graph is insufficient for most users who want to view both the Venn diagram and the related data.

[0037] In this embodiment, the display areas of multiple graphics are first determined. In the Venn diagram, the display areas of the graphics include the size and position of the graphics and the associated areas between the graphics. For example, the associated area of ​​two data points that have an intersection is the area where the display areas of the graphics corresponding to the two data points overlap.

[0038] After determining the display area of ​​the graphic, the associated data is determined based on the dataset corresponding to each graphic. When there is an intersection between the datasets of the graphics, the aforementioned associated data is the same data in the dataset to be displayed by the graphics, that is, the intersection data.

[0039] The associated data is displayed in the associated area, and the unrelated data on each graph is displayed in the unrelated area of ​​each graph. The associated area is the area where the display areas of the graphs intersect, and the unrelated data is the data in the graph other than the associated data. The unrelated area is the display area of ​​the graph other than the associated area. By displaying the dataset corresponding to the graph on the display area of ​​the graph and displaying the data with the relationship between the graphs on the associated area, the goal of combining the display area of ​​the graph and the data corresponding to the display area is achieved. This realizes the technical effect of simultaneously displaying Venn diagrams and keywords, improving the user experience. It also solves the technical problem of related technologies that do not display keywords on Venn diagrams and can only display Venn diagrams, resulting in poor user experience.

[0040] Optionally, determining the display area of ​​multiple graphics includes: determining the area size of each graphic to be displayed based on the size of the display area used to render the graphics; determining the coordinate position of each graphic to be displayed based on the intersection of the area size of each graphic and the dataset to be displayed between the graphics; and determining the display area of ​​each graphic based on the area size of each graphic and the coordinate position of each graphic to be displayed.

[0041] The above method determines the size of each graphic to be displayed based on the size of the display area used for rendering the graphics. This can be achieved by generating a Venn diagram on the root node of the HTML file, obtaining the size of the root node area, and determining the size of the Venn diagram within that root node area. This prevents the Venn diagram from being too large or too small, as both would negatively impact the user experience. The root node area can be the display area of ​​the Venn diagram.

[0042] The dimensions of the chart's display graphic are determined based on the size of the display area. For example, the dimensions can be determined according to a certain proportion. The display area can be rectangular, and the dimensions of the display graphic are determined based on the length and width of the rectangle. If the display graphic is circular, the dimensions can be the radius; if it is rectangular, the dimensions can be the length and width of the rectangle; and if it is square, the dimensions can be the side length of the square.

[0043] In this embodiment, the above-mentioned display graphic is a circle. The width of the root node is subtracted by a preset spacing and then divided by 4 to obtain two circles with a certain distance in the horizontal direction that are not cut off by the boundary of the above-mentioned display area. According to the logical relationship of the corresponding data set, the specific position of the two circles is determined, for example, they intersect.

[0044] When implemented, the above-mentioned display area can be determined by the HTML root node (Hypertext Markup Language) used to render the chart. The root node can be edited and contains a size field, which defaults to a rectangle. The size field includes width and height. The root node can generate a display area of ​​the corresponding size based on the above size field.

[0045] It should be noted that the boundaries of the above-mentioned display area do not intersect with the display area of ​​the graphics.

[0046] Optionally, determining the coordinate position of each graphic to be displayed based on the area size of each graphic and the intersection of the datasets to be displayed between the graphics includes: determining the area of ​​the associated region based on the area size of each graphic and the intersection of the datasets to be displayed between the graphics; and determining the coordinate position of each graphic to be displayed based on the area of ​​the associated region.

[0047] When there is intersection, the intersection area is calculated first. This can be done according to certain rules. For example, in this embodiment, the area of ​​overlap between the two circles is determined by the percentage of the smaller set where the overlapping area occupies the larger set. The two circles intersect horizontally. It should be noted that the above rules indicate one implementation method; the two circles can also intersect vertically or in other directions, depending on the user's specific needs. The rules for determining the area of ​​the overlapping portion are also one implementation method and do not limit the aforementioned preset rules. In other words, even when there is intersection, the user can set the rules for intersection according to their needs, including determining the area of ​​the intersection region and the method of graphic intersection.

[0048] Optionally, the area of ​​the associated region is determined based on the region size of each graphic and the intersection of the datasets to be displayed between the graphics, including: determining the area of ​​the region size of each graphic; and determining the area of ​​the associated region based on the amount of data in the intersection and the area of ​​the region size of each graphic.

[0049] When multiple graphs represent data sets that intersect, the aforementioned associated region is the intersection region. The area of ​​the intersection region is determined by multiplying the percentage of the intersection data set by the data set with the smallest data size among the multiple data sets, and then multiplying this percentage by the area of ​​the smallest area graph corresponding to the smallest data set. In the Venn diagram above, the area of ​​the display region for each graph is directly proportional to the data size of the data set corresponding to that graph. A larger display area allows for the display of more data sets, facilitating the subsequent display of data from each graph's respective data set.

[0050] Optionally, after determining the associated data based on the dataset to be displayed on each graphic, the method further includes: determining the coordinate position of the associated region based on the position of the display area of ​​each graphic; and determining the associated region based on the coordinate position and area of ​​the associated region.

[0051] Once the display area of ​​the above graphic is determined, the associated area is also determined. Based on the position of the display area, the coordinate range of the display area and the coordinate position of the associated area can be determined. After the coordinate range and area of ​​the associated area are determined, the associated area can be displayed.

[0052] Optionally, displaying associated data in the associated area and displaying non-associated data for each graph in the non-associated area of ​​each graph includes: establishing a coordinate system within the display area; determining the equation of the outline of the display area in the coordinate system, wherein the outline of the display area is a closed graph; determining the equation of the outline of the associated area based on the equation of the outline of the display area; determining the coordinate range of the associated area based on the equation of the outline of the associated area, and displaying associated data within the coordinate range of the associated area; and / or determining the equation of the outline of the non-associated area based on the equation of the outline of the display area; determining the coordinate range of the non-associated area based on the equation of the outline of the non-associated area, and displaying non-associated data within the coordinate range of the non-associated area.

[0053] Displaying the dataset corresponding to the graphic on the graphic's display area includes: establishing a coordinate system within the graphic's display area; determining the contour equation of the graphic's display area within the coordinate system; determining the display position of the dataset corresponding to the graphic on the graphic's display area based on the contour equation of the display area; and displaying the data on the graphic according to the display position.

[0054] By establishing a coordinate system, the various graphical regions of the Venn diagram can be determined geometrically within this system. For example, by creating a function r = kx + b, setting the maximum and minimum values ​​of the circle, where r corresponds to the circle's radius and x corresponds to the number of data sets, the relationship between r and the size of the sets can be calculated for each case, generating the Venn diagram and recording the basic information: {x1, y1, x2, y2, r1, r2}; corresponding to the center coordinates and radius of the circle, respectively.

[0055] The intersection problem of the visualization graphs of the dataset then becomes solving equations:

[0056] (x - x1)² + (y - y1)² = r1²

[0057] (x - x2)² + (y - y2)² = r2²

[0058] With the vertical direction downwards as the y-axis and the horizontal direction to the right as the x-axis, and the top left corner as the origin, the central axis of the SVG region is the solution for x. In other words, w / 2 is the x-coordinate of the intersecting arc. From this, the corresponding y-coordinate can be solved, resulting in two points: (w / 2, ymin) and (w / 2, ymax). This divides the two circles into three regions, representing the intersection of the two visualizations and the complement of the two visualizations excluding the intersection.

[0059] Optionally, displaying associated data within the coordinate range of the associated region includes: uniformly distributing multiple associated data points on the horizontal axis of the associated region; randomly shifting the uniformly distributed associated data points on the vertical axis; or, uniformly distributing multiple associated data points on the vertical axis of the associated region; randomly shifting the uniformly distributed associated data points on the horizontal axis. Displaying non-associated data within the coordinate range of the non-associated region includes: uniformly distributing multiple non-associated data points on the horizontal axis of the non-associated region; randomly shifting the uniformly distributed non-associated data points on the vertical axis; or, uniformly distributing multiple non-associated data points on the vertical axis of the non-associated region; randomly shifting the uniformly distributed non-associated data points on the horizontal axis.

[0060] In this embodiment, by evenly distributing the distance within the circular region in the vertical direction (x-axis direction), the x-coordinate of the landing point of each keyword can be obtained. Substituting this into the circle equation allows us to solve for the range of the y-coordinate. The next step is to use the solution set to shift the values ​​of each word. The range of the y-coordinate can be calculated using the following algorithm:

[0061] Where radius is the radius, (x1, y1) and (x2, y2) are the coordinates of the left and right center points, y1jmin, y2jmin, y1jmax and y2jmax are the four extreme values ​​of the intersection, and resulty is the final calculated y-axis value.

[0062] When index = 0, the word cloud falls into the left circle; when index = 1, it falls into the right circle; and when index = 2, it falls into the intersecting area. The logic of the index landing point can be completely controlled; it only needs to align the landing point with the corresponding equation solution. You can see that each y-value has a random displacement effect within its own region. This is because it makes the word cloud look more varied and has a better effect.

[0063] In this embodiment, establishing a coordinate system within the display area of ​​the graphic includes: establishing a coordinate system with the upper left corner of the display area as the origin, the vertical direction as the x-axis, and the horizontal direction as the y-axis. This coordinate system can be a two-dimensional Cartesian coordinate system. The display area can be rectangular.

[0064] Based on the contour equation of the display area of ​​the graph, displaying the dataset corresponding to the graph on the display area of ​​the graph includes: determining the X-axis range and Y-axis range of the display area and the intersection area of ​​each graph; dividing the X-axis range equally according to the number of datasets corresponding to the display area of ​​the graph, with each X-axis division corresponding to one data point, and determining the display position of the corresponding data point according to the X-axis division; or, dividing the Y-axis range equally according to the number of data points corresponding to the display area of ​​the graph, with each Y-axis division corresponding to one data point, and determining the display position of the corresponding data point according to the Y-axis division, and displaying the data in the dataset at that display position.

[0065] When dividing the dataset along the X-axis, after displaying the data, the displayed data is then distributed most randomly along the Y-axis. This makes the dataset more dispersed, easier to observe, and improves the user experience. Similarly, when dividing the dataset along the Y-axis, after displaying the data, the displayed data is distributed most randomly along the X-axis.

[0066] Determining the display position of the corresponding data based on the X-axis division range includes: determining the X-axis coordinate of the display position based on the X-axis division range; substituting the X-axis coordinate into the equation of the display area outline to calculate the Y-axis coordinate range of the display area and the intersection area; and determining the Y-axis coordinate of the display position based on the Y-axis coordinate range. Alternatively, determining the display position of the corresponding data based on the Y-axis division range includes: determining the Y-axis coordinate of the display position based on the Y-axis division range; substituting the Y-axis coordinate into the equation of the display area outline to calculate the X-axis coordinate range of the display area and the intersection area; and determining the X-axis coordinate of the display position based on the X-axis coordinate range.

[0067] It should be noted that this application also provides an optional implementation method, which will be described in detail below.

[0068] Both word clouds and Venn diagrams are very common charts in the field of data visualization.

[0069] Currently, the main technologies used in data visualization are Scalable Vector Graphics (SVG) and canvas (a drawing component used to draw graphics on web pages). Here, we present an SVG-based solution, and on top of that, a canvas solution using D3 as the basic tool.

[0070] The input is a dataset, and the output is a Wien word cloud.

[0071] Here, we'll use the simplest case (two sets, for example, a dataset contains two sets: set 1 contains data a1, a2, and a3, and set 2 contains data a3 and a4, where a3 is the common intersection of the two sets) as an example. The overall idea of ​​this solution is:

[0072] Obtain the root node (root) of the HTML (Hypertext Markup Language, the primary language for displaying web pages on the Internet; web pages are composed of HTML and used to display text, images, or other resources through web browsers) that needs to be rendered into the chart. Generate a suitable circle radius (radius) based on the root's width and height. Here, the root width is subtracted by a spacing of 60, and then divided by 4. This results in two circles with a certain horizontal spacing that are not cut off by the SVG boundary. Simultaneously, generate circles (a set of Venn diagrams) based on the obtained data and intersection conditions: If the data intersects, generate two circles. If the data intersects, calculate the overlapping area according to certain rules (in this example, based on the percentage of the overlapping part in the smaller set, overlapScale; in the horizontal direction, it's the overlapping area). Displace the two circles and record the coordinates of their centers.

[0073] Figure 2 This is a schematic diagram of a Venn diagram of two disjoint sets according to an embodiment of the present invention. Figure 3 This is a schematic diagram of a Venn diagram of the intersection of two sets according to an embodiment of the present invention, such as... Figure 2 and Figure 3 As shown, in addition to being disjoint and intersecting, there are also completely overlapping pairs. At this point, the Venn diagram is complete, and the next step is to generate the word cloud.

[0074] 2. Generate a word cloud. The initial data has already been cleaned.

[0075] Distribute the data from two sets into three sets: data unique to set 1, data unique to set 2, and data that intersects. Generate corresponding data for each set. <text>Tags loading words;

[0076] If we consider the top left corner of the SVG as the center of the coordinate system, with the vertical direction as the x-axis and the horizontal direction as the y-axis, then the problem of finding the keyword placement points for these three sets becomes the problem of finding the intersection of two original equations. By dividing the distance equally within the circular region in the vertical direction (x-axis direction), we can obtain the x-coordinate of the placement point of each keyword. Substituting this into the circular equation, we can solve for the y-coordinate (range of y). The next step is to use the solution set to shift the values ​​of each word.

[0077] Here is a method for calculating the y-coordinate. radius is the radius, (x1, y1) and (x2, y2) are the coordinates of the left and right center points, y1jmin, y2jmin, y1jmax, and y2jmax are the four extreme values ​​of the intersection case, and resulty is the final calculated y-axis value.

[0078] When index = 0, the word cloud falls into the left circle; when index = 1, it falls into the right circle; and when index = 2, it falls into the intersecting area. (The logic of the index landing point can be completely controlled; it only needs to align the landing point with the corresponding equation solution.) You can see that each y-value has a random displacement effect within its own region. This is because it makes the word cloud look more varied and the effect is better.

[0079] Figure 4 This is a schematic diagram of data displayed on a Venn diagram according to an embodiment of the present invention, such as... Figure 4 As shown, the Venn diagram—word cloud generation is complete.

[0080] This implementation provides a novel way to display data visualization charts and provides a coding implementation; the implementation method is simple and the logic is clear; it can lead to a series of patents, such as (word cloud positioning algorithm, multi-set intersection algorithm, word cloud dynamic movement positioning algorithm, algorithm combining word cloud of specified shape and Venn diagram, etc.).

[0081] Figure 5 This is a schematic diagram of a chart display device according to an embodiment of the present invention, such as... Figure 5 As shown, according to another aspect of the present invention, a chart display device is also provided, including: a first determining module 52, a second determining module 54 and an association module 56. The device will be described in detail below.

[0082] A first determining module 52 is used to determine the display areas of multiple graphics; a second determining module 54, connected to the first determining module 52, is used to determine associated data based on the dataset to be displayed on each graphics, wherein the associated data is the same data in the dataset to be displayed; an association module 56, connected to the second determining module 54, is used to display the associated data in the association area and display the non-associated data on each graphics in the non-associated area of ​​each graphics, wherein the association area is the area where the display areas of the graphics intersect, the non-associated data is the data in the graphics other than the associated data, and the non-associated area is the display area of ​​the graphics other than the association area.

[0083] Through the above-described device, the first determining module 52 determines the display areas of multiple graphics; the second determining module 54 determines the associated data based on the dataset to be displayed on each graphics, wherein the associated data is the same data in the dataset to be displayed; the association module 56 displays the associated data in the association area and displays the non-associated data on each graphics in the non-associated area of ​​each graphics, wherein the association area is the area where the display areas of the graphics intersect, the non-associated data is the data in the graphics other than the associated data, and the non-associated area is the display area in the display area of ​​the graphics other than the association area. By displaying the dataset corresponding to the graphics on the display area of ​​the graphics and displaying the data with the relationship between the graphics on the association area, the purpose of combining the display area of ​​the graphics and the data corresponding to the display area is achieved, thereby realizing the technical effect of simultaneously displaying Venn diagrams and keywords, improving the usability, and thus solving the technical problem in related technologies that do not display keywords on Venn diagrams and can only display Venn diagrams, resulting in poor usability.

[0084] The aforementioned chart display device includes a processor and a memory. The first determining module 52, the second determining module 54, and the associated module 56 are all stored in the memory as program module units. The processor executes the aforementioned program module units stored in the memory to realize the corresponding functions.

[0085] The processor contains a kernel, which retrieves the corresponding program unit from memory. One or more kernels can be configured; by adjusting kernel parameters, Venn diagrams and keywords can be displayed simultaneously, improving usability.

[0086] The memory may include non-permanent memory in computer-readable media, such as random access memory (RAM) and / or non-volatile memory, such as read-only memory (ROM) or flash RAM, and the memory includes at least one memory chip.

[0087] According to another aspect of the present invention, a storage medium is also provided, the storage medium including a stored program, wherein, when the program is running, the device where the storage medium is located is controlled to execute any of the above-described chart display methods.

[0088] According to another aspect of the present invention, a processor is also provided, which is used to run a program, wherein the program executes any of the above-described chart display methods during runtime.

[0089] This invention provides a device, such as... Figure 6 As shown, the device includes at least one processor, at least one memory connected to the processor, and a bus; wherein the processor and the memory communicate with each other via the bus; the processor is used to call program instructions in the memory to execute the above-described graphical display method. The device in this article can be a server, PC, PAD, mobile phone, etc.

[0090] This application also provides a computer program product, which, when executed on a data processing device, is suitable for executing an initialization program having the following method steps: determining display areas for multiple graphics; determining associated data based on the dataset to be displayed on each graphic, wherein the associated data is the same data in the dataset to be displayed; displaying the associated data in the associated areas, and displaying the non-associated data on each graphic in the non-associated areas of each graphic, wherein the associated areas are the areas where the display areas of the graphics intersect, the non-associated data are the data in the graphics excluding the associated data, and the non-associated areas are the display areas of the graphics excluding the associated areas.

[0091] Optionally, determining the display area of ​​multiple graphics includes: determining the area size of each graphic to be displayed based on the size of the display area used to render the graphics; determining the coordinate position of each graphic to be displayed based on the intersection of the area size of each graphic and the dataset to be displayed between the graphics; and determining the display area of ​​each graphic based on the area size of each graphic and the coordinate position of each graphic to be displayed.

[0092] Optionally, determining the coordinate position of each graphic to be displayed based on the area size of each graphic and the intersection of the datasets to be displayed between the graphics includes: determining the area of ​​the associated region based on the area size of each graphic and the intersection of the datasets to be displayed between the graphics; and determining the coordinate position of each graphic to be displayed based on the area of ​​the associated region.

[0093] Optionally, the area of ​​the associated region is determined based on the region size of each graphic and the intersection of the datasets to be displayed between the graphics, including: determining the area of ​​the region size of each graphic; and determining the area of ​​the associated region based on the amount of data in the intersection and the area of ​​the region size of each graphic.

[0094] Optionally, after determining the associated data based on the dataset to be displayed on each graphic, the method further includes: determining the coordinate position of the associated region based on the position of the display area of ​​each graphic; and determining the associated region based on the coordinate position and area of ​​the associated region.

[0095] Optionally, displaying associated data in the associated area and displaying non-associated data for each graph in the non-associated area of ​​each graph includes: establishing a coordinate system within the display area; determining the equation of the outline of the display area in the coordinate system, wherein the outline of the display area is a closed graph; determining the equation of the outline of the associated area based on the equation of the outline of the display area; determining the coordinate range of the associated area based on the equation of the outline of the associated area, and displaying associated data within the coordinate range of the associated area; and / or determining the equation of the outline of the non-associated area based on the equation of the outline of the display area; determining the coordinate range of the non-associated area based on the equation of the outline of the non-associated area, and displaying non-associated data within the coordinate range of the non-associated area.

[0096] Optionally, displaying associated data within the coordinate range of the associated region includes: uniformly distributing multiple associated data points on the horizontal axis of the associated region; randomly shifting the uniformly distributed associated data points on the vertical axis; or, uniformly distributing multiple associated data points on the vertical axis of the associated region; randomly shifting the uniformly distributed associated data points on the horizontal axis. Displaying non-associated data within the coordinate range of the non-associated region includes: uniformly distributing multiple non-associated data points on the horizontal axis of the non-associated region; randomly shifting the uniformly distributed non-associated data points on the vertical axis; or, uniformly distributing multiple non-associated data points on the vertical axis of the non-associated region; randomly shifting the uniformly distributed non-associated data points on the horizontal axis.

[0097] This application is described with reference to flowchart illustrations and / or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of this application. It will be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can 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, generate instructions for implementing the flowchart... Figure 1 One or more processes and / or boxes Figure 1 A device that provides the functions specified in one or more boxes.

[0098] In a typical configuration, the device includes one or more processors (CPUs), memory, and a bus. The device may also include input / output interfaces, network interfaces, etc.

[0099] Memory may include non-persistent memory in computer-readable media, such as random access memory (RAM) and / or non-volatile memory, like read-only memory (ROM) or flash RAM, and memory includes at least one memory chip. Memory is an example of computer-readable media.

[0100] Computer-readable media includes both permanent and non-permanent, removable and non-removable media that can store information using any method or technology. Information can be computer-readable instructions, data structures, modules of programs, 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 technologies, CD-ROM, digital versatile optical disc (DVD) or other optical storage, magnetic tape, magnetic magnetic disk storage or other magnetic storage devices, or any other non-transferable medium that can be used to store information accessible by a computing device. As defined herein, computer-readable media does not include transient computer-readable media, such as modulated data signals and carrier waves.

[0101] It should also be noted that the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such process, method, article, or apparatus. Unless otherwise specified, an element defined by the phrase "comprising one..." does not exclude the presence of other identical elements in the process, method, article, or apparatus that includes that element.

[0102] Those skilled in the art will understand that embodiments of this application can be provided as methods, systems, or computer program products. Therefore, this application can take the form of a completely hardware embodiment, a completely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, this application can 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, etc.) containing computer-usable program code.

[0103] The above are merely embodiments of this application and are not intended to limit the scope of this application. Various modifications and variations can be made to this application by those skilled in the art. Any modifications, equivalent substitutions, improvements, etc., made within the spirit and principles of this application should be included within the scope of the claims of this application.< / text>

Claims

1. A method for displaying charts, characterized in that, include: Determining the display area of ​​multiple graphics based on a pre-built HTML file includes: determining the area size of each graphic to be displayed based on the size of the display area used to render the graphics; determining the coordinate position of each graphic to be displayed based on the intersection of the area size of each graphic and the dataset to be displayed between the graphics; and determining the display area of ​​each graphic based on the area size of each graphic and the coordinate position of each graphic to be displayed. Based on the dataset to be displayed on each graph, related data is determined, wherein the related data are the same data in the dataset to be displayed; The associated data is displayed in the associated area, and the non-associated data on each graphic is displayed in the non-associated area of ​​each graphic. The associated area is the area where the display areas of the graphics intersect, the non-associated data is the data in the graphic other than the associated data, and the non-associated area is the display area of ​​the graphic other than the associated area. The steps of displaying the associated data in the associated area and displaying the non-associated data on each graphic in the non-associated area of ​​each graphic include: establishing a coordinate system within the display area; determining the equation of the outline of the display area in the coordinate system, wherein the outline of the display area is a closed graphic; determining the equation of the outline of the associated area based on the equation of the outline of the display area; determining the coordinate range of the associated area based on the equation of the outline of the associated area, and displaying the associated data within the coordinate range of the associated area; and determining the equation of the outline of the non-associated area based on the equation of the outline of the display area; determining the coordinate range of the non-associated area based on the equation of the outline of the non-associated area, and displaying the non-associated data within the coordinate range of the non-associated area. Displaying the associated data within the coordinate range of the associated region includes: uniformly distributing multiple associated data points on the horizontal axis of the associated region; randomly shifting the associated data points on the vertical axis after they have been uniformly distributed on the horizontal axis; or, uniformly distributing multiple associated data points on the vertical axis of the associated region; randomly shifting the associated data points on the horizontal axis after they have been uniformly distributed on the vertical axis. Displaying the non-associated data within the coordinate range of the non-associated region includes: uniformly distributing multiple non-associated data points on the horizontal axis of the non-associated region; randomly shifting the uniformly distributed non-associated data points on the vertical axis; or, uniformly distributing multiple non-associated data points on the vertical axis of the non-associated region; randomly shifting the uniformly distributed non-associated data points on the horizontal axis.

2. The method according to claim 1, characterized in that, Based on the area size of each graphic and the intersection of the datasets to be displayed between the graphics, the coordinate position to be displayed for each graphic is determined, including: The area of ​​the associated region is determined based on the region size of each graphic and the intersection of the datasets to be displayed between the graphics; The coordinate position of each graphic to be displayed is determined based on the area of ​​the associated region.

3. The method according to claim 2, characterized in that, The area of ​​the associated region is determined based on the region size of each graphic and the intersection of the datasets to be displayed between the graphics, including: Determine the area of ​​each region; The area of ​​the associated region is determined based on the amount of data in the intersection and the area of ​​each graphic region.

4. The method according to claim 2, characterized in that, After determining the associated data based on the dataset to be displayed on each graph, the method further includes: Based on the position of the display area of ​​each graphic, determine the coordinate position of the associated area; The associated region is determined based on its coordinates and area.

5. A chart display device, characterized in that, include: The first determining module is used to determine the display area of ​​multiple graphics based on a pre-built HTML file, including: determining the area size of each graphic to be displayed according to the size of the display area used to render the graphics; determining the coordinate position of each graphic to be displayed according to the intersection of the area size of each graphic and the dataset to be displayed between the graphics; and determining the display area of ​​each graphic according to the area size of each graphic and the coordinate position of each graphic to be displayed. The second determining module is used to determine associated data based on the dataset to be displayed on each graph, wherein the associated data is the same data in the dataset to be displayed; The association module is used to display the associated data in the association area and display the non-associated data on each graphic in the non-associated area of ​​each graphic, wherein the association area is the area where the display areas of the graphics intersect, the non-associated data is the data in the graphic other than the associated data, and the non-associated area is the display area of ​​the graphic other than the association area. The steps of displaying the associated data in the associated area and displaying the non-associated data on each graphic in the non-associated area of ​​each graphic include: establishing a coordinate system within the display area; determining the equation of the outline of the display area in the coordinate system, wherein the outline of the display area is a closed graphic; determining the equation of the outline of the associated area based on the equation of the outline of the display area; determining the coordinate range of the associated area based on the equation of the outline of the associated area, and displaying the associated data within the coordinate range of the associated area; and determining the equation of the outline of the non-associated area based on the equation of the outline of the display area; determining the coordinate range of the non-associated area based on the equation of the outline of the non-associated area, and displaying the non-associated data within the coordinate range of the non-associated area. Displaying the associated data within the coordinate range of the associated region includes: uniformly distributing multiple associated data points on the horizontal axis of the associated region; randomly shifting the associated data points on the vertical axis after they have been uniformly distributed on the horizontal axis; or, uniformly distributing multiple associated data points on the vertical axis of the associated region; randomly shifting the associated data points on the horizontal axis after they have been uniformly distributed on the vertical axis. Displaying the non-associated data within the coordinate range of the non-associated region includes: uniformly distributing multiple non-associated data points on the horizontal axis of the non-associated region; randomly shifting the uniformly distributed non-associated data points on the vertical axis; or, uniformly distributing multiple non-associated data points on the vertical axis of the non-associated region; randomly shifting the uniformly distributed non-associated data points on the horizontal axis.

6. A computer storage medium, characterized in that, The computer storage medium includes a stored program, wherein, when the program is executed, it controls the device where the computer storage medium is located to perform the chart display method according to any one of claims 1 to 4.

7. An electronic device, comprising at least one processor, and at least one memory and a bus connected to the processor; wherein, The processor and the memory communicate with each other via the bus; The processor is used to invoke program instructions in the memory to execute the chart display method as described in any one of claims 1-4.

Images