A multi-dimensional analysis method and device, electronic equipment and medium

Abstract

Embodiments of the present application disclose a multi-dimensional analysis method, device, equipment and storage medium. Dimension information and attribute information of an object to be analyzed are acquired; size information and layout information of a drawing area are acquired; target size of a honeycomb grouping area and drawing information of a honeycomb hexagon are calculated according to the dimension information, the size information and the layout information of the drawing area; the honeycomb grouping area in the drawing area is determined according to the target size and the layout information, and the honeycomb hexagon is drawn in the honeycomb grouping area according to the drawing information; the filling color of each honeycomb hexagon is determined according to the attribute information, and the attribute state of the object to be analyzed in the corresponding dimension is represented by the filling color of the honeycomb hexagon. In the embodiment, the target size of the honeycomb grouping area and the drawing information of the honeycomb hexagon are adaptively determined, the adaptive adjustment of the honeycomb grouping area is realized, and the adaptive layout of the honeycomb hexagon in the honeycomb grouping area is also realized.

Description

Technical Field

[0001] This invention relates to the field of computer technology, and in particular to a multidimensional analysis method, apparatus, electronic device, and medium. Background Technology

[0002] Multidimensional analysis is a metric aggregated statistics that measures data after dimensional analysis. Dimensionality involves classifying data based on its characteristics, and multidimensional analysis is used to measure the relationships between data in different categories to obtain connections between statistical items of similar nature.

[0003] Currently, there are various methods for multidimensional analysis in web product design, such as lists and carousels. Honeycomb diagrams are the optimal topological structure for covering two-dimensional planes, offering a sophisticated, compact, and aesthetically pleasing design. They boast advantages in multidimensional analysis, including high space utilization, multiple dimension displays, and support for sequential display. In related technologies, the hexagonal honeycomb arrangement in honeycomb diagrams is implemented using CSS (Cascading Style Sheets), but its effect is less realistic than canvas. Firstly, rendering speed slows down when the number of honeycombs implemented with CSS is too large, leading to event response lag. Secondly, most honeycomb diagrams on the market exist as static images, lacking a standalone honeycomb graphic for dimensional analysis. Therefore, improving the capabilities of honeycomb layout and demonstrating dimensional data using honeycomb diagrams are pressing issues that need to be addressed. Summary of the Invention

[0004] This invention provides a multidimensional analysis method, apparatus, electronic device, and medium to address the problems of how to improve the ability of cellular layout and how to use cellular diagrams to display dimensional data.

[0005] According to one aspect of the present invention, a multidimensional analysis method is provided, comprising: acquiring dimensional information and attribute information of an object to be analyzed;

[0006] Obtain the size and layout information of the drawing area;

[0007] Based on the dimensional information, the size information of the drawing area, and the layout information, calculate the target size of the honeycomb diagram grouping area and the drawing information of the honeycomb hexagon;

[0008] Based on the target size and layout information, determine the honeycomb pattern grouping area within the drawing area, and draw a honeycomb hexagon within the honeycomb pattern grouping area based on the drawing information;

[0009] The fill color of each hexagon is determined based on the attribute information, and the fill color of the hexagon represents the attribute status of the object to be analyzed in the corresponding dimension.

[0010] According to another aspect of the present invention, a multidimensional analysis apparatus is provided, comprising: a first information acquisition module, configured to acquire dimensional information and attribute information of an object to be analyzed;

[0011] The second information acquisition module is used to acquire the size and layout information of the drawing area;

[0012] The information calculation module is used to calculate the target size of the honeycomb diagram grouping area and the drawing information of the honeycomb hexagon based on the dimension information, the size information of the drawing area and the layout information;

[0013] The graphics drawing module is used to determine the honeycomb pattern grouping area within the drawing area based on the target size and layout information, and to draw a honeycomb hexagon within the honeycomb pattern grouping area based on the drawing information.

[0014] The information display module is used to determine the fill color of each honeycomb hexagon based on the attribute information, and the fill color of the honeycomb hexagon represents the attribute status of the object to be analyzed in the corresponding dimension.

[0015] According to another aspect of the present invention, an electronic device is provided, the electronic device comprising:

[0016] At least one processor; and

[0017] A memory communicatively connected to the at least one processor; wherein,

[0018] The memory stores a computer program that can be executed by the at least one processor, which enables the at least one processor to perform a multidimensional analysis method according to any embodiment of the present invention.

[0019] According to another aspect of the present invention, a computer-readable storage medium is provided, the computer-readable storage medium storing computer instructions for causing a processor to execute and implement a multidimensional analysis method according to any embodiment of the present invention.

[0020] The technical solution of this invention involves obtaining the dimensional and attribute information of the object to be analyzed; obtaining the size and layout information of the drawing area; calculating the target size of the honeycomb diagram grouping area and the drawing information of the honeycomb hexagons based on the dimensional information, the size and layout information of the drawing area; determining the honeycomb diagram grouping area within the drawing area based on the target size and layout information; drawing the honeycomb hexagons within the honeycomb diagram grouping area based on the drawing information; and determining the fill color of each honeycomb hexagon based on the attribute information. The fill color of the honeycomb hexagons represents the attribute state of the object to be analyzed in the corresponding dimension. This solves the problem of honeycomb diagram drawing lag caused by excessive rendering in the prior art. It adaptively determines the target size of the honeycomb diagram grouping area and the drawing information of the honeycomb hexagons based on the dimensional information of the object to be analyzed, the size and layout information of the drawing area, and then draws the honeycomb hexagons within the honeycomb diagram grouping area determined based on the target size and layout information, thereby achieving adaptive adjustment of the honeycomb diagram grouping area and adaptive layout of the honeycomb hexagons within the honeycomb diagram grouping area.

[0021] It should be understood that the description in this section is not intended to identify key or essential features of the embodiments of the present invention, nor is it intended to limit the scope of the invention. Other features of the invention will become readily apparent from the following description. Attached Figure Description

[0022] To more clearly illustrate the technical solutions in the embodiments of the present invention, the accompanying drawings used in the description of the embodiments will be briefly introduced below. Obviously, the accompanying drawings described below are only some embodiments of the present invention. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0023] Figure 1 This is a flowchart of a multidimensional analysis method provided in Embodiment 1 of the present invention;

[0024] Figure 2 This is a schematic diagram of a grouped layout of a cellular diagram according to Embodiment 1 of the present invention;

[0025] Figure 3 This is a flowchart of a multidimensional analysis method provided in Embodiment 2 of the present invention;

[0026] Figure 4 This is a schematic diagram of the structure of a multidimensional analysis device provided in Embodiment 4 of the present invention;

[0027] Figure 5 This is a schematic diagram of the structure of an electronic device that implements the multidimensional analysis method of Embodiment 5 of the present invention. Detailed Implementation

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

[0029] It should be noted that the terms "first," "second," etc., in the specification, claims, and accompanying drawings of this invention 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 so that the embodiments of the invention described herein can be implemented in orders other than those illustrated or described herein. Furthermore, the terms "comprising" and "having," and any variations thereof, are intended to cover a 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.

[0030] Currently, there are various methods for multidimensional analysis in web product design, such as lists and carousels. Among them, the honeycomb diagram is the optimal topological structure for covering a two-dimensional plane. Therefore, it has the advantages of high space utilization, multiple dimension display, and support for sequential display in multidimensional analysis.

[0031] The cell structure of a honeycomb diagram is typically represented by regular hexagons; the cell structure of a honeycomb diagram can also be called a honeycomb hexagon. The honeycomb hexagons can be laid out in the following ways:

[0032] One method involves using flex, a common layout technique in CSS3, to arrange the honeycomb hexagons within an HTML (HyperText Markup Language) structure. Margins are used to control the staggered arrangement of odd and even rows. However, this method does not produce a realistic drawing effect compared to canvas.

[0033] Another method is to lay out the honeycomb hexagons using a UI framework, taking Echarts (EnterpriseCharts, a business-grade data chart) as an example.

[0034] Echarts is a pure JavaScript charting library developed based on HTML5 (HyperText Markup Language 5.0). It runs smoothly on PCs and mobile devices and is compatible with most current browsers. However, its layout sometimes features embedded honeycomb patterns, which can lead to poor chart rendering.

[0035] The hexagonal honeycomb arrangement in the honeycomb diagram is implemented using CSS, but its effect is not as realistic as that of canvas. On the one hand, the rendering speed will slow down when there are too many honeycombs implemented by CSS, resulting in event response lag. On the other hand, most honeycomb diagrams on the market exist as static images, and there are no separate honeycomb graphics for dimensional analysis.

[0036] To address the aforementioned issues, this invention provides a solution for adaptive layout and grouped adaptive layout of honeycomb hexagons based on Canvas drawing. Compared to CSS drawing, Canvas drawing can improve the honeycomb layout capability and enhance the performance of honeycomb graphics.

[0037] Example 1

[0038] Figure 1 This is a flowchart of a multidimensional analysis method provided in Embodiment 1 of the present invention. This embodiment is applicable to the layout of a honeycomb diagram using the Zrender graphics engine. The method can be executed by a multidimensional analysis device, which can be implemented in hardware and / or software, and can be integrated into an electronic device. Figure 1 As shown, the method includes:

[0039] S110. Obtain the dimension and attribute information of the object to be analyzed.

[0040] The object to be analyzed can be any object requiring web-based multidimensional analysis. The object to be analyzed can be configured in the web-based multidimensional analysis system through manual configuration or file import, or it can be configured according to the actual application scenario. For example, the object to be analyzed can be a server in a computer room, or an application service provided by the server. This embodiment does not impose specific limitations.

[0041] This web-based multidimensional analysis system can include two ends: a server and a front end. The server can be developed using the .NET C# language to perform tasks such as data parsing and saving. The front end can be developed using the open-source framework library dojo based on the JavaScript language to perform tasks such as interface calculations and image display for multidimensional analysis.

[0042] Canvas is a new element added in HTML5. This element, combined with the JavaScript API (Application Programming Interface), can be used to draw 2D images. In Java, Canvas specifically refers to the canvas background. When processing image files, a canvas is needed; that is, a series of operations are performed using the canvas. Canvas can be understood as the image background.

[0043] Dimension information can be the monitoring dimensions of the object to be analyzed, such as the server's memory usage and CPU utilization. Specifically, dimension information can include the number of dimension groups and the number of dimensions within each dimension group.

[0044] The number of dimensions can be the number of monitoring dimensions for the object to be analyzed. For example, if the monitoring dimension is cities worldwide, the number of dimensions can be the number of cities worldwide. If the monitoring dimension is IP addresses in a specific city, the number of dimensions can be the number of IP addresses in that city. If the monitoring dimension is data centers in a specific region, the number of dimensions can be the number of data centers in that region, or the number of servers within that data center, and so on. The number of dimension groups can be the number of groups after grouping the object to be analyzed according to its dimensions.

[0045] Attribute information can be the attribute characteristics of the object to be analyzed, such as the GDP of various cities around the world, the online time of an IP address in a certain city, the memory usage rate of a server, the CPU usage rate, or the resource usage of a server in a certain data center.

[0046] S120. Obtain the size and layout information of the drawing area.

[0047] Specifically, graphics can be drawn using ZRender (ZlevelRender, a 2D graphics engine). ZRender offers various rendering methods, including Canvas, SVG (Scalable Vector Graphics), and VML (Vector Markup Language). ZRender is also a new lightweight Canvas library that includes MVC (Model-View-Controller) encapsulation, data-driven architecture, and a DOM-like layered mechanism.

[0048] In this embodiment, the drawing area, also known as the visualization area, is used to draw honeycomb diagrams. The drawing area may contain multiple honeycomb diagram grouping areas. Within each honeycomb diagram grouping area, a honeycomb diagram is drawn based on the dimensional and layout information of the same group, so that the entire drawing area displays honeycomb diagrams of at least one dimensional group, which is used for multidimensional analysis in the case of nested dimensions. Figure 2 This is a schematic diagram of a multidimensional analysis interface. Figure 2 The drawing area 210 is shown to include two honeycomb pattern grouping areas 220. Each honeycomb pattern grouping area 220 has a border. A honeycomb hexagon 230 can be composed of three hexagons arranged in an alternating pattern, with the borders of adjacent honeycomb hexagons overlapping each other. Both the drawing area 210 and the honeycomb pattern grouping areas 220 require white space. The drawing area 210 can be the outermost Canvas. The size information can be the width and height of the drawing area 210. The layout information can be the ratio of the height to the width of the honeycomb pattern grouping areas 220 to the ratio of the width to the height of the drawing area 210, and the white space configuration information.

[0049] Specifically, S120 may include: obtaining the width and height of the drawing area; obtaining the first blank space configuration information of the drawing area; obtaining the first relationship between the ratio of the height to the width of the honeycomb grouping area and the ratio of the width to the height of the drawing area; obtaining the second relationship between the height of the honeycomb grouping area and the height of the drawing area; obtaining the second blank space configuration information of the honeycomb grouping area; obtaining the radius ratio of the second hexagon to the first hexagon and the radius ratio of the third hexagon to the first hexagon among the three hexagons whose center points coincide in each honeycomb hexagon.

[0050] The first whitespace configuration information can be the distance between the drawing area and the honeycomb pattern grouping area in a set orientation. The set orientation can include top, bottom, left, and right. The second whitespace configuration information can include the distance between the outermost (top, bottom, left, or rightmost) honeycomb hexagon within the honeycomb pattern grouping area and the corresponding (top, bottom, left, or right) border of the honeycomb pattern grouping area. For example, the second whitespace configuration information could be the distance between the topmost honeycomb hexagon and the top border within the honeycomb pattern grouping area, and the distance between the leftmost honeycomb hexagon and the left border within the honeycomb pattern grouping area. The second whitespace configuration information also includes the distance between honeycomb pattern groups in a set orientation. The set orientation includes top / bottom and left / right.

[0051] S130. Based on the dimension information, the size information of the drawing area, and the layout information, calculate the target size of the grouped areas of the honeycomb diagram and the drawing information of the honeycomb hexagons.

[0052] The drawing area may contain multiple honeycomb pattern groups. A honeycomb pattern is drawn in each honeycomb pattern group. That is, each honeycomb pattern group can contain multiple multi-row, multi-column honeycomb hexagons to form a honeycomb pattern.

[0053] Optionally, S130 may include: calculating the number of rows, columns, and reference dimensions of the hexagons in at least one honeycomb pattern grouping region based on the dimension information, the size information of the drawing area, and the layout information, as drawing information for the hexagons; and calculating the target size of at least one honeycomb pattern grouping region based on the number of rows, columns, and reference dimensions.

[0054] The number of rows in a hexagonal cell refers to the horizontal value of the hexagons within each cell diagram grouping area; the number of columns refers to the vertical value of the hexagons within each cell diagram grouping area; the baseline size refers to the radius of the first hexagon in each cell diagram grouping area; and the target size can refer to the target width and target height of each cell diagram grouping area.

[0055] Optionally, calculating the number of rows, columns, and reference dimensions of the hexagons within at least one honeycomb pattern grouping region, based on the dimension information, the size information of the drawing area, and the layout information, may include: determining the number of honeycomb pattern grouping regions based on the number of dimension groups in the dimension information, and determining the number of hexagons in each honeycomb pattern grouping region based on the number of dimensions within each dimension group; calculating the number of rows and columns of the hexagons in each honeycomb pattern grouping region based on the width, height, and number of hexagons in the drawing area; if the number of honeycomb pattern grouping regions is 1, then calculating the number of hexagons based on the height of the drawing area and the number of rows within the honeycomb pattern grouping region. The radius of the first hexagon in the honeycomb pattern is used as the reference size information. If there are at least two honeycomb pattern grouping regions, the radius of the first hexagon in the honeycomb hexagon in the corresponding honeycomb pattern grouping region is determined based on the width of the drawing region, the number of rows and columns in each honeycomb pattern grouping region, the first blank space configuration information, and the second blank space configuration information, and is used as the reference size information. In addition, the target size of at least one honeycomb pattern grouping region is calculated based on the number of rows, columns, and reference size information, including: calculating the target height and target width of the corresponding honeycomb pattern grouping region based on the number of rows and columns, the reference size information, the first relationship, and the second relationship in each honeycomb pattern grouping region.

[0056] In this embodiment of the invention, after calculating the radius of the first hexagon, the radii of the second hexagon and the third hexagon can be determined based on the ratio of the radii of the second hexagon to the first hexagon and the ratio of the radii of the third hexagon to the first hexagon.

[0057] Optionally, the ratio of the radius of the second hexagon to that of the first hexagon can be less than 1, and the ratio of the radius of the third hexagon to that of the first hexagon can be greater than 1. For example, a radius ratio of p = 8 / 9 means that the radius r of the first hexagon is reduced to 8 / 9r to obtain the radius of the second hexagon. A radius ratio of 1 = 1.01 / 1 means that the radius of the first hexagon is enlarged by a factor of 1.01 to obtain the radius of the third hexagon. It is understood that the radii of the other two hexagons can be obtained by enlarging and / or reducing the radius of the first hexagon. For example, the radii of the other two hexagons can be calculated by gradually enlarging or gradually reducing the radius, and are not limited to the combination of enlargement and reduction methods listed in the above examples.

[0058] S140. Based on the target size and layout information, determine the honeycomb pattern grouping area within the drawing area, and draw a honeycomb hexagon within the honeycomb pattern grouping area according to the drawing information.

[0059] Optionally, S140 may include: for each honeycomb pattern grouping region, drawing a border of the corresponding honeycomb pattern grouping region within the drawing area according to the target height, target width, and first blank space configuration information; within the border, calculating the radius of the second hexagon and the radius of the third hexagon based on the reference size information of the honeycomb hexagon within the corresponding honeycomb pattern grouping region, the radius ratio of the second hexagon to the first hexagon, and the radius ratio of the third hexagon to the first hexagon; determining the center point coordinates of the first hexagon based on the second blank space configuration information, the reference size information of the first hexagon within the corresponding honeycomb pattern grouping region, the side center distance and the number of columns of the first hexagon; and drawing a honeycomb hexagon within the border of the corresponding honeycomb pattern grouping region based on the center point coordinates of the first hexagon, the reference size information, the radius of the second hexagon, and the radius of the third hexagon.

[0060] S150. Determine the fill color of each honeycomb hexagon based on the attribute information. The fill color of the honeycomb hexagon represents the attribute status of the object to be analyzed in the corresponding dimension.

[0061] In this embodiment, after the honeycomb hexagon is drawn, it is rendered in 3D using Canvas to obtain the corresponding rendered graphic. The hexagons in the honeycomb diagram can be distinguished by different fill colors to indicate the attribute state of their corresponding dimensions. Different groupings of the honeycomb diagram can deepen the level of dimensional analysis. For example, the intensity of the color can represent the attribute state of the hexagon in different dimensions. This embodiment can use the population density of a certain region as an example; the darker the color displayed on the graph, the higher the population density represented by that attribute state.

[0062] Optionally, S150 may include: comparing the attribute information of the object to be analyzed with the threshold range under the corresponding dimension to determine the target threshold range to which the attribute information belongs; using the color corresponding to the target threshold range as the fill color of the hexagon with the smallest radius in the honeycomb hexagon of the corresponding dimension, and using the fill color of the hexagon with the smallest radius to represent the attribute state of the object to be analyzed in the corresponding dimension.

[0063] The threshold interval can be a numerical range corresponding to different states based on the attribute information of the object to be analyzed. Specifically, the threshold interval can be divided into normal threshold interval, suspicious threshold interval, and abnormal threshold interval according to severity. Alternatively, the threshold interval can be divided into normal threshold interval and abnormal threshold interval according to severity. This embodiment of the invention does not specifically limit the specific connotation of the threshold interval. A corresponding color is pre-set for each threshold interval. For example, the corresponding color for the normal threshold interval can be set to green, the corresponding color for the suspicious threshold interval can be set to orange, and the corresponding color for the abnormal threshold interval can be set to red. By comparing the attribute information of the object to be analyzed with the threshold interval, the target threshold interval corresponding to the attribute information can be determined, and then the corresponding fill color for each target threshold interval can be determined. Then, the hexagon with the smallest radius among all hexagons with the same center point in each group is determined, and the color corresponding to the target threshold interval is used as the fill color of the hexagon. This color can intuitively display the attribute state of this hexagon in the corresponding dimension of the entire graph.

[0064] The embodiments of the present invention can adaptively determine the target size of the honeycomb diagram grouping area and the drawing information of the honeycomb hexagon by using the dimensional information of the object to be analyzed, the size information of the drawing area, and the layout information. Then, within the honeycomb diagram grouping area determined based on the target size and layout information, the honeycomb hexagon is drawn based on the drawing information, thereby realizing the adaptive adjustment of the honeycomb diagram grouping area and the adaptive layout of the honeycomb hexagon within the honeycomb diagram grouping area.

[0065] Example 2

[0066] Figure 3 This is a flowchart of a multidimensional analysis method provided in Embodiment 2 of the present invention. In this embodiment, after drawing a honeycomb hexagon within the border of the corresponding honeycomb diagram grouping region as described in the above embodiments, it may further include mounting a browser event for at least one hexagon in the honeycomb hexagon based on operation configuration information. Terms identical to those in the above embodiments are not repeated here. Figure 3 As shown, the method includes:

[0067] S201. Obtain the dimension and attribute information of the object to be analyzed.

[0068] S202. Obtain the size and layout information of the drawing area.

[0069] Optionally, S202 may include: obtaining the width and height of the drawing area; obtaining first blank space configuration information of the drawing area; obtaining a first relationship between the ratio of the height to the width of the honeycomb grouping area and the ratio of the width to the height of the drawing area; obtaining a second relationship between the height of the honeycomb grouping area and the height of the drawing area; obtaining second blank space configuration information of the honeycomb grouping area; obtaining the radius ratio of the second hexagon to the first hexagon and the radius ratio of the third hexagon to the first hexagon among the three hexagons whose center points coincide in each honeycomb hexagon.

[0070] S203. Based on the dimension information, the size information of the drawing area, and the layout information, calculate the target size of the grouped areas of the honeycomb diagram and the drawing information of the honeycomb hexagons.

[0071] Optionally, S203 may include: calculating the number of rows, columns, and reference dimensions of the hexagons in at least one honeycomb pattern grouping region based on the dimension information, the size information of the drawing area, and the layout information, as drawing information for the hexagons; and calculating the target size of at least one honeycomb pattern grouping region based on the number of rows, columns, and reference dimensions.

[0072] Optionally, based on the dimension information, the size information of the drawing area, and the layout information, the number of rows, columns, and reference dimensions of the hexagons in at least one honeycomb pattern grouping area are calculated, including: determining the number of honeycomb pattern grouping areas based on the number of dimension groups in the dimension information, and determining the number of hexagons in each honeycomb pattern grouping area based on the number of dimensions within each dimension group; calculating the number of rows and columns of the hexagons in each honeycomb pattern grouping area based on the width, height, and number of hexagons in the drawing area; if the number of honeycomb pattern grouping areas is 1, then calculating the number of rows and columns of the hexagons in the honeycomb pattern grouping area based on the height of the drawing area and the number of rows in the honeycomb pattern grouping area. The radius of the first hexagon is used as the reference size information; if the number of cellular pattern grouping regions is at least two, the radius of the first hexagon in the cellular hexagon within the corresponding cellular pattern grouping region is determined based on the width of the drawing region, the number of rows and columns in each cellular pattern grouping region, the first blanking configuration information, and the second blanking configuration information, and is used as the reference size information; and, calculating the target size of at least one cellular pattern grouping region based on the number of rows, columns, and reference size information may include: calculating the target height and target width of the corresponding cellular pattern grouping region based on the number of rows and columns, the reference size information, the first relationship, and the second relationship within each cellular pattern grouping region.

[0073] S204. Based on the target size and layout information, determine the honeycomb pattern grouping areas within the drawing area, and draw honeycomb hexagons within the honeycomb pattern grouping areas according to the drawing information.

[0074] Optionally, S204 may include: for each honeycomb pattern grouping region, drawing a border of the corresponding honeycomb pattern grouping region within the drawing area based on the target height, target width, and first blanking configuration information; within the border, calculating the radius of the second hexagon and the radius of the third hexagon based on the reference size information of the honeycomb hexagon within the corresponding honeycomb pattern grouping region, the radius ratio of the second hexagon to the first hexagon, and the radius ratio of the third hexagon to the first hexagon; determining the center point coordinates of the first hexagon based on the second blanking configuration information, the reference size information of the first hexagon within the corresponding honeycomb pattern grouping region, the side center distance and the number of columns of the first hexagon; and drawing a honeycomb hexagon within the border of the corresponding honeycomb pattern grouping region based on the center point coordinates of the first hexagon, the reference size information, the radius of the second hexagon, and the radius of the third hexagon.

[0075] Optionally, the second hexagon in the honeycomb hexagon is used as the inner hexagon of the honeycomb hexagon, the area between the second hexagon and the first hexagon is used as the border of the honeycomb hexagon, and the area between the third hexagon and the first hexagon is used as the border line of the honeycomb hexagon, wherein the vertex corner of each hexagon contained in the honeycomb hexagon is rounded.

[0076] S205. Determine the fill color of each honeycomb hexagon based on the attribute information. The fill color of the honeycomb hexagon represents the attribute status of the object to be analyzed in the corresponding dimension.

[0077] Optionally, S205 may include: comparing the attribute information of the object to be analyzed with the threshold range under the corresponding dimension to determine the target threshold range to which the attribute information belongs; using the color corresponding to the target threshold range as the fill color of the hexagon with the smallest radius in the honeycomb hexagon of the corresponding dimension, and using the fill color of the hexagon with the smallest radius to represent the attribute state of the object to be analyzed in the corresponding dimension.

[0078] S206. Obtain operation configuration information, and mount browser events for at least one hexagon in the honeycomb hexagon based on the operation configuration information.

[0079] The operation configuration information can be information for controlling the operation of the hexagonal cells in the honeycomb diagram. Based on the operation configuration information, events can be attached to each hexagon in each grouped honeycomb diagram. An event refers to a specific moment of interaction that occurs in the browser, such as clicking and swiping.

[0080] S207. If a browser event is detected, adjust the display state of the corresponding honeycomb hexagon according to the target operation configuration information corresponding to the detected browser event.

[0081] In one scenario, if the mouse is detected hovering over the border line of a honeycomb hexagon, the width of the honeycomb hexagon's border line is adjusted.

[0082] For example, when the mouse hovers over the border of a honeycomb hexagon, the third hexagon can be redrawn based on a pre-set ratio of the radii of the third hexagon to the first hexagon in the mouse-over scene. This pre-set ratio is greater than the original ratio of the radii of the third and first hexagons in the honeycomb hexagon, resulting in a wider border. Specifically, when the mouse hovers over the border of the honeycomb pattern, the ratio of the radii of the third hexagon to the first hexagon becomes 1 = 1.04 / 1, resulting in a thicker border.

[0083] In another case, the radius of the inner hexagon contained in the corresponding honeycomb hexagon is adjusted according to the operation configuration information corresponding to the detected browsing event, and the shadow of the inner hexagon is drawn at the border of the honeycomb hexagon.

[0084] The embodiments of the present invention can attach events to at least one of the three hexagons contained in a honeycomb hexagon, which can reduce the number of elements and also solve the lag problem caused by event response.

[0085] In a specific embodiment, the calculation process for determining the target size of a cell diagram grouping region based on the number of rows, the number of columns, and the baseline size information is as follows:

[0086] Given the pre-defined number of cells (m), canvas width (width), and canvas height (height) as known quantities, and the number of rows (row), number of columns (col), and the radius (r) of the first hexagon in each cell as unknown quantities, the following relationship exists:

[0087] When the number of cells m < 10

[0088]

[0089] col = Math.ceil(m / row); where Math.ceil() represents the function to round up the value.

[0090] r = height / (row * 1.5 + 3);

[0091] When the number of cells m>=10;

[0092] colTmp = Math.ceil(Math.sqrt(m)); where Math.sqrt() represents the square root operation function.

[0093] xx = colTmp * colTmp;

[0094] row=Math.ceil(Math.sqrt((xx*height*sqrt3) / 1.5 / width));

[0095] col = Math.ceil(m / row);

[0096] r = height / (row * 1.5 + 3);

[0097] Where colTmp is the side length of the smallest circumscribed square of the hexagonal honeycomb arrangement region.

[0098] When the number of cells m < 4:

[0099] The width of the grouped area in the cell diagram = margin + cell width - cell overlap + cell exceeding one row, extra half = r / 2*2+(sqrt3*r*col+(sqrt3 / 2)*r)-(col*r*sqrt3) / 18)+(-sqrt3 / 2)*r.

[0100] When the number of cells m > 4:

[0101] Width of grouped areas in a cell diagram = margin + cell width - cell overlap = r / 2*2 + (sqrt3*r*col + (sqrt3 / 2)*r) - (col*r*sqrt3) / 18).

[0102] The height of each cellar grouping region = margin + cell height - cell overlap = r / 2*2 + 2*r + (row-1)*1.5*r - ((row-1)*r) / 12 = 3r + (row-1)*1.5*r - ((row-1)*r) / 12. The width, height, and radius of the hexagon in each cellar grouping region are then calculated using this method.

[0103] Using the center-to-edge distance, the left inner margin of the honeycomb pattern grouping area, and the upper inner margin of the honeycomb pattern grouping area as known quantities, calculate the coordinates of the center point of the honeycomb hexagon.

[0104] Wherein, the apothem (the distance from the center of the first hexagon to the edge):

[0105] margin = (sqrt3 / 2) * r;

[0106] Left margin blank: canvasMarginLeft = r / 2;

[0107] White space on the canvas: canvasMarginTop = r / 2;

[0108] For the index-th hexagonal cell, the following relationship exists, where the value of index includes 1, 2, 3, 4, ..., m, and m is the number of hexagonal cells in the current cell map grouping region:

[0109] const rowIndex=Math.ceil(index / col);

[0110] Calculate the remainder between the current index and the column number in the cellular map grouping area. If the remainder is not equal to 0, then `const colIndex = index%col`. The implementation is: `const colIndex = index%col === 0 ? col: index%col`.

[0111] Taking the first hexagonal cell as an example, calculate the value of 1%col. If the value is equal to 0, then the colIndex of the first hexagonal cell is 1%col.

[0112] With the x-coordinate of the center point of the current hexagonal honeycomb as the unknown, the following relationship exists:

[0113] When the current honeycomb hexagons are arranged in an odd number of rows:

[0114] rowIndex%2==1;

[0115] x=canvasMarginLeft+margin+(colIndex-1)*margin*2-

[0116] ((colIndex-1)*r*1*sqrt3) / 18;

[0117] When the current hexagonal honeycomb arrangement is in an even-numbered row:

[0118] x=canvasMarginLeft+colIndex*margin*2-((colIndex-1)*r*sqrt3)

[0119] / 18-((r*sqrt3) / 2)*0.1-(-sqrt3 / 36)*r;

[0120] With the y-coordinate of the center point of the current hexagonal honeycomb as the unknown, the following relationship exists:

[0121] First column:

[0122] rowIndex = 1;

[0123] y = canvasMarginTop + r;

[0124] Other columns:

[0125] y=canvasMarginTop+r+(rowIndex-1)*1.5*r-((rowIndex-1)*r*1*1) / 12;

[0126] The coordinates {x, y, r} of the index-th cell are obtained through the above steps.

[0127] In a specific embodiment, the calculation process for the target size of two cell diagram grouping regions based on the number of rows, columns, and reference size information is as follows. It should be noted that the calculation process for the target size of three or more cell diagram grouping regions is similar to that for two regions, and will not be listed individually here. The number of cell groups is pre-set to 2, the number of hexagons in each cell diagram grouping region, and the height and width of the drawing area are known quantities. The radius r of the first hexagon in each cell diagram hexagon is set as an unknown quantity. The following correspondence exists: the left-right spacing between adjacent cell diagram grouping regions is 2r, and the top-bottom spacing is r; the upper margin in the drawing area is r+5 (5 is the height reserved for the group title, which can be set to other values ​​according to the title height), the left margin in the drawing area is r, and the right margin in the drawing area is r.

[0128] When the number of cells m < 10

[0129]

[0130] col = Math.ceil(m / row);

[0131] When the number of cells m>=10:

[0132] colTmp=Math.ceil(Math.sqrt(m));

[0133] xx = colTmp * colTmp;

[0134] row=Math.ceil(Math.sqrt((xx*height*sqrt3) / 1.5 / width));

[0135] col = Math.ceil(m / row);

[0136] Where colTmp is the side length of the smallest circumscribed square of the honeycomb hexagonal arrangement region;

[0137] The width of the drawing area = the left margin within the drawing area + the width of each honeycomb pattern group area in a row of hexagonal honeycomb + the spacing between each honeycomb pattern group area in the same row of hexagonal honeycomb + the right margin within the drawing area = r + the width of the first honeycomb pattern group area + the width of the second honeycomb pattern group area + 2r + r.

[0138] The widths of the first and second honeycomb pattern grouping regions can be calculated using the same process as described above for calculating the width and height of a single honeycomb pattern grouping region, yielding a relationship with respect to r. Since the width of the drawing region is known, r is obtained by solving the aforementioned equation for the width of the drawing region. Furthermore, substituting r into the corresponding relationship between the width and height of the honeycomb pattern grouping regions, the width and height of the first and second honeycomb pattern grouping regions are obtained.

[0139] After calculating the width, height, and radius *r* of the hexagons within the first honeycomb pattern grouping region, the coordinates of the center point of each hexagon within the first honeycomb pattern grouping region can be calculated using the same process described above. The specific calculation process will not be elaborated further. The coordinates of the center point of each hexagon within the second honeycomb pattern grouping region can be calculated using the same method; the specific calculation process will not be elaborated further.

[0140] In scenarios with nested dimensions, this invention draws a honeycomb diagram for each dimension group and uses the honeycomb diagram to display the attribute status of the object to be analyzed in the corresponding dimension. This achieves the generation of a complete honeycomb diagram by arranging the diagrams in a regular pattern on the drawing area, clearly displaying the attribute status of each dimension in a multi-dimensional nested scenario. This achieves the effect of using honeycomb diagrams for adaptive layout to display dimensional information where there is nesting.

[0141] Example 4

[0142] Figure 4 This is a schematic diagram of a multidimensional analysis device provided in Embodiment 4 of the present invention. Figure 4 As shown, the device includes:

[0143] The first information acquisition module 401 is used to acquire the dimension information and attribute information of the object to be analyzed.

[0144] The second information acquisition module 402 is used to acquire the size information and layout information of the drawing area;

[0145] The information calculation module 403 is used to calculate the target size of the honeycomb diagram grouping area and the drawing information of the honeycomb hexagon based on the dimension information, the size information of the drawing area and the layout information;

[0146] The graphics drawing module 404 is used to determine the honeycomb pattern grouping area within the drawing area based on the target size and layout information, and to draw honeycomb hexagons within the honeycomb pattern grouping area based on the drawing information.

[0147] The information display module 405 is used to determine the fill color of each honeycomb hexagon based on the attribute information, and the fill color of the honeycomb hexagon represents the attribute status of the object to be analyzed in the corresponding dimension.

[0148] Optionally, the second information acquisition module 402 includes:

[0149] Width and height acquisition unit, used to obtain the width and height of the drawing area;

[0150] The first blank space configuration information acquisition unit is used to acquire the first blank space configuration information of the drawing area;

[0151] The first relationship acquisition unit is used to acquire the first relationship between the ratio of the height to the width of the honeycomb diagram grouping region and the ratio of the width to the height of the drawing region;

[0152] The second relationship acquisition unit is used to acquire the second relationship between the height of the honeycomb diagram grouping region and the height of the drawing region.

[0153] The second blank space configuration information acquisition unit is used to acquire the second blank space configuration information of the cellular map grouping area;

[0154] The radius ratio acquisition unit is used to acquire the radius ratio of the second hexagon to the first hexagon and the radius ratio of the third hexagon to the first hexagon among the three hexagons whose center points coincide in each honeycomb hexagon.

[0155] Optionally, the second information acquisition module 402 may include:

[0156] The drawing information determination unit is used to calculate the number of rows, columns, and reference size information of the honeycomb hexagons in at least one honeycomb diagram grouping area based on the dimension information, the size information of the drawing area, and the layout information, as the drawing information of the honeycomb hexagons;

[0157] The target size determination unit is used to calculate the target size of at least one cell diagram grouping region based on the number of rows, the number of columns, and the reference size information.

[0158] Optionally, the drawing information determination unit may include:

[0159] The cell hexagon quantity determination unit is used to determine the number of cell diagram grouping regions based on the number of dimension groups in the dimension information, and to determine the number of cell hexagons in each cell diagram grouping region based on the number of dimensions within each dimension group;

[0160] The cell hexagon number and column number determination unit is used to calculate the number of rows and columns of the cell hexagons in each cell hexagon grouping area based on the width, height and number of the cell hexagons in the drawing area.

[0161] The reference size information determination unit is used to: if the number of cellular pattern grouping regions is 1, calculate the radius of the first hexagon in the cellular hexagon based on the height of the drawing area and the number of rows in the cellular pattern grouping region, as the reference size information; if the number of cellular pattern grouping regions is at least two, determine the radius of the first hexagon in the cellular hexagon in the corresponding cellular pattern grouping region based on the width of the drawing area, the number of rows and columns in each cellular pattern grouping region, the first blank space configuration information, and the second blank space configuration information, as the reference size information; and calculate the target size of at least one cellular pattern grouping region based on the number of rows, columns, and reference size information, including: calculating the target height and target width of the corresponding cellular pattern grouping region based on the number of rows and columns in each cellular pattern grouping region, the reference size information, the first relationship, and the second relationship.

[0162] Optionally, the graphics drawing module 404 may include:

[0163] The ratio calculation unit is used to draw the border of the corresponding honeycomb pattern grouping area in the drawing area for each honeycomb pattern grouping area according to the target height, target width and first blank space configuration information; within the border, the radius of the second hexagon and the radius of the third hexagon are calculated based on the reference size information of the honeycomb hexagon in the corresponding honeycomb pattern grouping area, the radius ratio of the second hexagon to the first hexagon and the radius ratio of the third hexagon to the first hexagon;

[0164] The center point coordinate determination unit is used to determine the center point coordinates of the first hexagon based on the second blank space configuration information, the reference size information of the first hexagon in the corresponding honeycomb diagram grouping area, the side center distance and the number of columns of the first hexagon; and draw the honeycomb hexagon within the border of the corresponding honeycomb diagram grouping area based on the center point coordinates of the first hexagon, the reference size information, the radius of the second hexagon and the radius of the third hexagon.

[0165] Optionally, following the information display module 503, the following may also be included:

[0166] The operation configuration information unit is used to obtain operation configuration information and mount browser events for at least one hexagon in the honeycomb hexagon based on the operation configuration information;

[0167] The display state adjustment unit is used to adjust the display state of the corresponding honeycomb hexagon based on the target operation configuration information corresponding to the detected browser event if a browser event is detected.

[0168] Optionally, the information display module 504 may include:

[0169] The target threshold interval determination unit is used to compare the attribute information of the object to be analyzed with the threshold interval under the corresponding dimension to determine the target threshold interval to which the attribute information belongs.

[0170] The color fill unit is used to fill the hexagon with the smallest radius in the honeycomb hexagon of the corresponding dimension with the color corresponding to the target threshold range. The color of the hexagon with the smallest radius represents the attribute status of the object to be analyzed in the corresponding dimension.

[0171] The multidimensional analysis device provided in this embodiment of the invention can execute a multidimensional analysis method provided in any embodiment of the invention, and has the corresponding functional modules and beneficial effects of the method execution.

[0172] Example 5

[0173] Figure 5 A schematic diagram of an electronic device 10 that can be used to implement embodiments of the present invention is shown. The electronic device is intended to represent various forms of digital computers, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device may also represent various forms of mobile devices, such as personal digital processors, cellular phones, smartphones, wearable devices (e.g., helmets, glasses, watches, etc.), and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely illustrative and are not intended to limit the invention described and / or claimed herein.

[0174] like Figure 5 As shown, the electronic device 10 includes at least one processor 11 and a memory, such as a read-only memory (ROM) 12 or a random access memory (RAM) 13, communicatively connected to the at least one processor 11. The memory stores computer programs executable by the at least one processor. The processor 11 can perform various appropriate actions and processes based on the computer program stored in the ROM 12 or loaded from storage unit 18 into the RAM 13. The RAM 13 may also store various programs and data required for the operation of the electronic device 10. The processor 11, ROM 12, and RAM 13 are interconnected via a bus 14. An input / output (I / O) interface 15 is also connected to the bus 14.

[0175] Multiple components in electronic device 10 are connected to I / O interface 15, including: input unit 16, such as keyboard, mouse, etc.; output unit 17, such as various types of displays, speakers, etc.; storage unit 18, such as disk, optical disk, etc.; and communication unit 19, such as network card, modem, wireless transceiver, etc. Communication unit 19 allows electronic device 10 to exchange information / data with other devices through computer networks such as the Internet and / or various telecommunications networks.

[0176] Processor 11 can be a variety of general-purpose and / or special-purpose processing components with processing and computing capabilities. Some examples of processor 11 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various special-purpose artificial intelligence (AI) computing chips, various processors running machine learning model algorithms, a digital signal processor (DSP), and any suitable processor, controller, microcontroller, etc. Processor 11 performs the various methods and processes described above, such as a multidimensional analysis method.

[0177] In some embodiments, a multidimensional analysis method may be implemented as a computer program tangibly contained in a computer-readable storage medium, such as storage unit 18. In some embodiments, part or all of the computer program may be loaded and / or installed on electronic device 10 via ROM 12 and / or communication unit 19. When the computer program is loaded into RAM 13 and executed by processor 11, one or more steps of the multidimensional analysis method described above may be performed. Alternatively, in other embodiments, processor 11 may be configured to perform a multidimensional analysis method by any other suitable means (e.g., by means of firmware).

[0178] Various embodiments of the systems and techniques described above herein can be implemented in digital electronic circuit systems, integrated circuit systems, field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standard products (ASSPs), systems-on-a-chip (SoCs), complex programmable logic devices (CPLDs), computer hardware, firmware, software, and / or combinations thereof. These various embodiments may include implementations in one or more computer programs that can be executed and / or interpreted on a programmable system including at least one programmable processor, which may be a dedicated or general-purpose programmable processor, capable of receiving data and instructions from a storage system, at least one input device, and at least one output device, and transmitting data and instructions to the storage system, the at least one input device, and the at least one output device.

[0179] Computer programs used to implement the methods of the present invention may be written in any combination of one or more programming languages. These computer programs may be provided to a processor of a general-purpose computer, a special-purpose computer, or other programmable data processing device, such that when executed by the processor, the computer programs cause the functions / operations specified in the flowcharts and / or block diagrams to be performed. The computer programs may be executed entirely on a machine, partially on a machine, or as a standalone software package, partially on a machine and partially on a remote machine, or entirely on a remote machine or server.

[0180] In the context of this invention, a computer-readable storage medium can be a tangible medium that may contain or store a computer program for use by or in conjunction with an instruction execution system, apparatus, or device. A computer-readable storage medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination thereof. Alternatively, a computer-readable storage medium may be a machine-readable signal medium. More specific examples of machine-readable storage media include electrical connections based on one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fibers, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof.

[0181] To provide interaction with a user, the systems and techniques described herein can be implemented on an electronic device having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to the user; and a keyboard and pointing device (e.g., a mouse or trackball) through which the user provides input to the electronic device. Other types of devices can also be used to provide interaction with the user; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user can be received in any form (including sound input, voice input, or tactile input).

[0182] The systems and technologies described herein can be implemented in computing systems that include backend components (e.g., as data servers), or computing systems that include middleware components (e.g., application servers), or computing systems that include frontend components (e.g., user computers with graphical user interfaces or web browsers through which users can interact with implementations of the systems and technologies described herein), or any combination of such backend, middleware, or frontend components. The components of the system can be interconnected via digital data communication of any form or medium (e.g., communication networks). Examples of communication networks include local area networks (LANs), wide area networks (WANs), blockchain networks, and the Internet.

[0183] A computing system can include clients and servers. Clients and servers are generally located far apart and typically interact through communication networks. The client-server relationship is created by computer programs running on the respective computers and having a client-server relationship with each other. The server can be a cloud server, also known as a cloud computing server or cloud host, which is a hosting product within the cloud computing service system to address the shortcomings of traditional physical hosts and VPS services, such as high management difficulty and weak business scalability.

[0184] It should be understood that the various forms of processes shown above can be used, with steps reordered, added, or deleted. For example, the steps described in this invention can be executed in parallel, sequentially, or in different orders, as long as the desired result of the technical solution of this invention can be achieved, and this is not limited herein.

[0185] The specific embodiments described above do not constitute a limitation on the scope of protection of this invention. Those skilled in the art should understand that various modifications, combinations, sub-combinations, and substitutions can be made according to design requirements and other factors. Any modifications, equivalent substitutions, and improvements made within the spirit and principles of this invention should be included within the scope of protection of this invention.

Claims

1. A method for multi-dimensional analysis based on Canvas drawing method, characterized in that, The method comprises the following steps: acquiring dimension information and attribute information of an object to be analyzed; acquiring size information and layout information of a drawing area; calculating target size of a honeycomb chart grouping area and drawing information of a honeycomb hexagon according to the dimension information, the size information and the layout information of the drawing area; determining the honeycomb chart grouping area in the drawing area according to the target size and the layout information, and drawing the honeycomb hexagon in the honeycomb chart grouping area according to the drawing information; determining the filling color of each honeycomb hexagon according to the attribute information, and representing the attribute state of the object to be analyzed in the corresponding dimension by the filling color of the honeycomb hexagon; wherein the calculation of the target size of the honeycomb chart grouping area and the drawing information of the honeycomb hexagon according to the dimension information, the size information and the layout information of the drawing area comprises: calculating the number of rows, the number of columns and the reference size information of the honeycomb hexagon in at least one honeycomb chart grouping area as the drawing information of the honeycomb hexagon according to the dimension information, the size information and the layout information of the drawing area; calculating the target size of the at least one honeycomb chart grouping area according to the number of rows, the number of columns and the reference size information; wherein the calculation of the number of rows, the number of columns and the reference size information of the honeycomb hexagon in at least one honeycomb chart grouping area according to the dimension information, the size information and the layout information of the drawing area comprises: determining the number of honeycomb chart grouping areas according to the number of dimension groups in the dimension information, and determining the number of honeycomb hexagons in each honeycomb chart grouping area according to the number of dimensions in each dimension group; calculating the number of rows and the number of columns of the honeycomb hexagon in each honeycomb chart grouping area according to the width, the height of the drawing area and the number of honeycomb hexagons; if the number of honeycomb chart grouping areas is one, calculating the radius of a first hexagon in the honeycomb hexagon as the reference size information according to the height of the drawing area and the number of rows in the honeycomb chart grouping area; if the number of honeycomb chart grouping areas is at least two, determining the radius of a first hexagon in the honeycomb hexagon in the corresponding honeycomb chart grouping area as the reference size information according to the width of the drawing area, the number of rows, the number of columns in each honeycomb chart grouping area, first margin configuration information and second margin configuration information; and the calculation of the target size of the at least one honeycomb chart grouping area according to the number of rows, the number of columns and the reference size information comprises: calculating the target height and the target width of the corresponding honeycomb chart grouping area according to the number of rows, the number of columns, the reference size information, the first relationship and the second relationship in each honeycomb chart grouping area; wherein after the honeycomb hexagon is drawn in the frame of the corresponding honeycomb chart grouping area, the method further comprises the following steps: acquiring operation configuration information, and mounting a browser event for at least one hexagon in the honeycomb hexagon based on the operation configuration information; if the mounted browser event is detected, adjusting the display state of the corresponding honeycomb hexagon according to the target operation configuration information corresponding to the detected browser event. The object to be analyzed is an object that needs to be analyzed based on Web multi-dimensional analysis; and the drawing area is a Canvas canvas in the outermost layer.

2. The method of claim 1, wherein, The size information and layout information of the drawing area are obtained, including: The width and height of the drawing area are obtained; The first margin configuration information of the drawing area is obtained; The first relationship between the ratio of the height and the width of the honeycomb group area and the ratio of the width and the height of the drawing area is obtained; The second relationship between the height of the honeycomb group area and the height of the drawing area is obtained; The second margin configuration information of the honeycomb group area is obtained; The radius ratio of the second hexagon to the first hexagon and the radius ratio of the third hexagon to the first hexagon in the three hexagons containing the central point of each honeycomb hexagon are obtained.

3. The method of claim 1, wherein, The honeycomb group area in the drawing area is determined according to the target size and layout information, and the honeycomb hexagons are drawn in the honeycomb group area according to the drawing information, including: For each honeycomb group area, the border of the corresponding honeycomb group area is drawn in the drawing area according to the target height, the target width and the first margin configuration information; In the border, the radius of the second hexagon and the radius of the third hexagon are calculated based on the reference size information of the honeycomb hexagon in the corresponding honeycomb group area, the radius ratio of the second hexagon to the first hexagon and the radius ratio of the third hexagon to the first hexagon; The central point coordinates of the first hexagon are determined according to the second margin configuration information, the reference size information of the first hexagon in the corresponding honeycomb group area, the side-to-center distance and the number of columns of the first hexagon; The honeycomb hexagons are drawn in the border of the corresponding honeycomb group area based on the central point coordinates of the first hexagon, the reference size information, the radius of the second hexagon and the radius of the third hexagon.

4. The method of claim 1, wherein, The filling color of each honeycomb hexagon is determined according to the attribute information, and the attribute state of the object to be analyzed in the corresponding dimension is represented by the filling color of the honeycomb hexagon, including: The target threshold interval to which the attribute information belongs is determined by comparing the attribute information of the object to be analyzed with the threshold interval under the corresponding dimension; The color corresponding to the target threshold interval is taken as the filling color of the hexagon with the smallest radius in the honeycomb hexagon of the corresponding dimension, and the attribute state of the object to be analyzed in the corresponding dimension is represented by the filling color of the hexagon with the smallest radius.

5. A multi-dimensional analysis device based on a Canvas drawing method, characterized by, It includes: The first information acquisition module is used to execute the dimension information and attribute information of the object to be analyzed; The second information acquisition module is used to execute the size information and layout information of the drawing area; The information calculation module is used to execute the target size of the honeycomb group area and the drawing information of the honeycomb hexagon according to the dimension information, the size information and the layout information of the drawing area; The graph drawing module is used to execute the honeycomb group area in the drawing area according to the target size and layout information, and draw the honeycomb hexagons in the honeycomb group area according to the drawing information; The information display module is configured to determine the fill color of each honeycomb hexagon according to the attribute information, and display the attribute state of the object to be analyzed in the corresponding dimension by the fill color of the honeycomb hexagon. The second information acquisition module includes: The drawing information determination unit is configured to calculate the number of rows, the number of columns, and the reference size information of the honeycomb hexagons in the at least one honeycomb chart grouping area according to the dimension information, the size information of the drawing area, and the layout information, as the drawing information of the honeycomb hexagons. The target size determination unit is configured to calculate the target size of the at least one honeycomb chart grouping area according to the number of rows, the number of columns, and the reference size information. The drawing information determination unit includes: The number of honeycomb hexagons determination unit is configured to determine the number of honeycomb chart grouping areas according to the number of dimension groups in the dimension information, and determine the number of honeycomb hexagons in each honeycomb chart grouping area according to the number of dimensions in each dimension group. The number of rows and columns of honeycomb hexagons determination unit is configured to calculate the number of rows and the number of columns of the honeycomb hexagons in each honeycomb chart grouping area according to the width and the height of the drawing area and the number of honeycomb hexagons. The reference size information determination unit is configured to calculate the radius of the first honeycomb hexagon in the honeycomb hexagons as the reference size information according to the height of the drawing area and the number of rows in the honeycomb chart grouping area if the number of honeycomb chart grouping areas is one, and determine the radius of the first honeycomb hexagon in the honeycomb hexagons in the corresponding honeycomb chart grouping area as the reference size information according to the width of the drawing area, the number of rows, the number of columns in each honeycomb chart grouping area, the first margin configuration information, and the second margin configuration information if the number of honeycomb chart grouping areas is at least two; and calculate the target size of the at least one honeycomb chart grouping area according to the number of rows, the number of columns, and the reference size information, including: calculating the target height and the target width of the corresponding honeycomb chart grouping area according to the number of rows, the number of columns, the reference size information, the first relationship, and the second relationship in each honeycomb chart grouping area. The information display module further includes: The operation configuration information unit is configured to acquire operation configuration information, and mount a browser event for at least one of the honeycomb hexagons based on the operation configuration information. The display state adjustment unit is configured to adjust the display state of the corresponding honeycomb hexagon according to the target operation configuration information corresponding to the detected browser event if the mounted browser event is detected. The object to be analyzed is an object that needs to be analyzed based on Web multi-dimensional analysis; and the drawing area is a Canvas canvas in the outermost layer.

6. An electronic device, comprising: The electronic device includes: at least one processor; and a memory connected with the at least one processor in communication; wherein The memory stores a computer program that can be executed by the at least one processor, and the computer program is executed by the at least one processor to enable the at least one processor to execute the multi-dimensional analysis method of any one of claims 1-4.

7. A computer-readable storage medium, characterized in that, The computer readable storage medium stores computer instructions for causing the processor to execute when the multi-dimensional analysis method of any one of claims 1-4 is implemented.

Images