Proportion map display method, electronic equipment, storage medium and program product

Abstract

The invention relates to a proportion diagram display method, electronic equipment, a storage medium and a program product, and the method comprises the steps: responding to a received proportion diagram display request, and displaying a two-dimensional proportion diagram which represents a statistical result of performing statistics on target data according to a first statistical dimension and a second statistical dimension; wherein the two-dimensional ratio diagram comprises a transverse axis, a longitudinal axis and a core area surrounded by the transverse axis and the longitudinal axis; the core area comprises a plurality of blocks, and the number ratio corresponding to the blocks in the Yth row and the Xth column represents the number ratio of data belonging to the Yth second dimension category of the second statistical dimension and the Xth first dimension category of the first statistical dimension to target data at the same time, the width and the height of each block are determined by the corresponding number proportion of each block and the total width and the total height of the core area. Therefore, the quantity proportion condition of the data can be visually displayed from two dimensions in one graph.

Description

Technical Field

[0001] The present disclosure relates to the field of computer technologies, and in particular, to a method for displaying a proportion graph, an electronic device, a storage medium, and a program product. Background Art

[0002] In some scenarios, it is often necessary to view the data proportion distribution from two dimensions. For example, in the scenario of platform operation, it is necessary to view the proportion distribution of the population quantity under different categories in two dimensions at the same time. In the existing chart solutions, although the treemap, pie chart, etc. can intuitively represent the proportion relationship of each category of tree-shaped data through the graphic area, they only support the same dimension, that is, only the proportion situation can be viewed from one dimension, which cannot meet the business requirements. Although the bar chart, cross table, etc. can display the horizontal and vertical double-axis data to display two dimensions, they cannot intuitively display the quantity proportion distribution of different categories under the two dimensions. Summary of the Invention

[0003] In view of this, the present disclosure provides a method for displaying a proportion graph, an electronic device, a storage medium, and a program product, which can intuitively display the quantity proportion of data from two dimensions in one graph.

[0004] According to an aspect of the present disclosure, there is provided a method for displaying a proportion graph, including: in response to receiving a proportion graph display request, displaying a two-dimensional proportion graph, where the two-dimensional proportion graph represents a statistical result of statistically analyzing target data according to a first statistical dimension and a second statistical dimension; wherein, the two-dimensional proportion graph includes a horizontal axis and a vertical axis, and a core area surrounded by the horizontal axis and the vertical axis; the core area includes a plurality of blocks, where the quantity proportion corresponding to the block in the Y-th row and the X-th column represents the quantity proportion of the data that belongs to the Y-th second dimension category of the second statistical dimension and the X-th first dimension category of the first statistical dimension in the target data, and the width and height of each block are determined by the quantity proportion corresponding to each block, the total width of the core area, and the total height of the core area.

[0005] In a possible implementation manner, the width of each block includes: the ratio of the quantity proportion corresponding to the block to the sum of the quantity proportions of all the blocks in the row where the block is located, multiplied by the total width of the core area; the height of each block includes: the sum of the quantity proportions of all the blocks in the row where the block is located, multiplied by the total height of the core area.

[0006] In a possible implementation manner, the two-dimensional proportion graph displays the quantity proportion of the data of each first dimension category in the first statistical dimension in the target data along the horizontal axis, and / or, the two-dimensional proportion graph displays the quantity proportion of the data of each second dimension category in the second statistical dimension in the target data along the vertical axis.

[0007] In a possible implementation, along the first statistical dimension shown on the horizontal axis, the proportion of the quantity of data in the X-th first dimension category in the target data is equal to the sum of the proportions of the quantities corresponding to the blocks in the X-th column in the core area; along the second statistical dimension shown on the vertical axis, the proportion of the quantity of data in the Y-th second dimension category in the target data is equal to the sum of the proportions of the quantities corresponding to the blocks in the Y-th row in the core area.

[0008] In a possible implementation, in the two-dimensional proportion diagram, along the first statistical dimension shown on the horizontal axis, the width occupied by the X-th first dimension category on the horizontal axis includes: the product of the proportion of the quantity of data in the X-th first dimension category in the target data and the total width of the core area; in the two-dimensional proportion diagram, along the second statistical dimension shown on the vertical axis, the height occupied by the Y-th second dimension category on the vertical axis includes: the product of the proportion of the quantity of data in the Y-th second dimension category in the target data and the total height of the core area.

[0009] In a possible implementation, the data scale that belongs to both the Y-th second dimension category of the second statistical dimension and the X-th first dimension category of the first statistical dimension is further included in the block at the X-th column and the Y-th row; in the two-dimensional proportion diagram, along the horizontal axis, the data scales of each first dimension category under the first statistical dimension are also shown; the data scale of the X-th first dimension category is the sum of the data scales corresponding to the blocks in the X-th column; in the two-dimensional proportion diagram, along the vertical axis, the data scales of each second dimension category under the second statistical dimension are shown; the data scale of the Y-th second dimension category is the sum of the data scales corresponding to the blocks in the Y-th row.

[0010] In a possible implementation, the proportion diagram display request further includes: the horizontal axis position for indicating the independent area; the core area includes the independent area and the non-independent area other than the independent area; wherein, the width of each block in the independent area indicated based on the horizontal axis position includes: the product of the sum of the proportion of the quantity of all blocks in the column where the block is located and the total width of the core area; the height of each block in the independent area indicated based on the horizontal axis position includes: the product of the ratio of the proportion of the quantity corresponding to the block to the sum of the proportion of the quantity of all blocks in the column where the block is located and the total height of the core area; the width of each block in the non-independent area includes: the product of the ratio of the proportion of the quantity corresponding to the block to the sum of the proportion of the quantity of all blocks in the row where the block is located within the non-independent area and the width of the non-independent area; the height of each block in the non-independent area includes: the product of the sum of the proportion of the quantity of all blocks in the row where the block is located within the non-independent area to the sum of the proportion of the quantity of all blocks in the non-independent area and the height of the non-independent area.

[0011] In a possible implementation, some or all of the blocks in the core area are associated with jump links, and the jump links are used to jump to corresponding target pages. Wherein, the method further includes: in response to clicking on any block associated with a jump link in the core area of the two-dimensional proportion graph, jumping to the corresponding target page.

[0012] In a possible implementation, the method further includes: in response to the mouse position of the mouse in the two-dimensional proportion graph, displaying a corresponding tooltip, where the tooltip includes at least one of prompt information, the first dimension category and the second dimension category corresponding to the block where the mouse position is located, the quantity proportion, and the data scale, and the prompt information is used to prompt the user to jump to the corresponding target page by clicking on the block.

[0013] In a possible implementation, the method further includes: in response to a zoom operation on the page where the two-dimensional proportion graph is located or the display area of the two-dimensional proportion graph in the page, zooming the two-dimensional proportion graph proportionally.

[0014] According to another aspect of the present disclosure, there is provided a proportion graph display device, including: a display module, configured to display a two-dimensional proportion graph in response to receiving a proportion graph display request, where the two-dimensional proportion graph represents a statistical result of statistically analyzing target data according to a first statistical dimension and a second statistical dimension; wherein, the two-dimensional proportion graph includes a horizontal axis and a vertical axis, and a core area surrounded by the horizontal axis and the vertical axis; the core area includes a plurality of blocks, where the quantity proportion corresponding to the block in the Y-th row and the X-th column represents the quantity proportion of data that belongs to the Y-th second dimension category of the second statistical dimension and the X-th first dimension category of the first statistical dimension in the target data, and the width and height of each block are determined by the quantity proportion corresponding to each block and the total width and total height of the core area.

[0015] In a possible implementation, the method further includes: in response to receiving display parameters set by the user, triggering the proportion graph display request according to the display parameters, so as to display the two-dimensional proportion graph based on the display parameters; wherein, the display parameters include at least one of the following: the first statistical dimension, the second statistical dimension, the first dimension category corresponding to the independent area in the two-dimensional proportion graph and the corresponding horizontal axis position, the total width and total height of the core area in the two-dimensional proportion graph, the display color of each block, whether to display the data scale, whether to display the quantity proportion, whether to display the horizontal axis, and whether to display the vertical axis.

[0016] In a possible implementation, some or all of the blocks in the core area are associated with jump links, and the jump links are used to jump to corresponding target pages. Wherein, the device further includes: a jump module, configured to respond to a click on any block associated with a jump link in the core area of the two-dimensional proportion map, and jump to the corresponding target page.

[0017] In a possible implementation, the device further includes: a prompt module, configured to display a corresponding prompt box in response to the mouse position in the two-dimensional proportion map. The prompt box includes at least one of prompt information, the first dimension category and the second dimension category corresponding to the block where the mouse position is located, the quantity proportion, and the data scale. The prompt information is used to prompt the user to jump to the corresponding target page by clicking on the block.

[0018] In a possible implementation, the device further includes: a zoom module, configured to equally scale the two-dimensional proportion map in response to a zoom operation on the page where the two-dimensional proportion map is located or the display area of the two-dimensional proportion map in the page.

[0019] In a possible implementation, the device further includes: a setting module, configured to trigger the proportion map display request according to the display parameters in response to receiving the display parameters set by the user, and display the two-dimensional proportion map based on the display parameters; wherein, the display parameters include at least one of the following: the first statistical dimension, the second statistical dimension, the first dimension category corresponding to the independent area in the two-dimensional proportion map and the corresponding horizontal axis position, the total width and total height of the core area in the two-dimensional proportion map, the display color of each block, whether to display the data scale, whether to display the quantity proportion, whether to display the horizontal axis, and whether to display the vertical axis.

[0020] According to another aspect of the present disclosure, there is provided an electronic device, including: a processor; a memory for storing processor-executable instructions; wherein, the processor is configured to implement the above method when executing the instructions stored in the memory.

[0021] According to another aspect of the present disclosure, there is provided a non-volatile computer-readable storage medium, on which computer program instructions are stored. Wherein, the computer program instructions implement the above method when executed by a processor.

[0022] According to another aspect of the present disclosure, there is provided a computer program product, including computer-readable code, or a non-volatile computer-readable storage medium carrying computer-readable code. When the computer-readable code runs in the processor of an electronic device, the processor in the electronic device executes the above method.

[0023] In accordance with various aspects of the present disclosure, it is possible to visually display the proportion of different data in one graph from two dimensions (i.e., the first statistical dimension and the second statistical dimension). In particular, it is possible to visually display the proportion distribution of complex data under multiple first dimension categories in the first statistical dimension and multiple second dimension categories in the second statistical dimension.

[0024] Other features and aspects of the present disclosure will become apparent from the following detailed description of exemplary embodiments with reference to the accompanying drawings. BRIEF DESCRIPTION OF THE DRAWINGS

[0025] The accompanying drawings, which are included in and constitute a part of this specification, illustrate exemplary embodiments, features, and aspects of the present disclosure and are used to explain the principles of the present disclosure together with the specification.

[0026] Figure 1 A flowchart showing a method for displaying a proportion graph according to an embodiment of the present disclosure.

[0027] Figure 2a A schematic diagram showing a two-dimensional proportion graph according to an embodiment of the present disclosure.

[0028] Figure 2b A schematic diagram showing a two-dimensional proportion graph according to an embodiment of the present disclosure.

[0029] Figure 3 A schematic diagram showing a two-dimensional proportion graph according to an embodiment of the present disclosure.

[0030] Figure 4 A schematic diagram showing a two-dimensional proportion graph according to an embodiment of the present disclosure.

[0031] Figure 5a 、 Figure 5b 、 Figure 5c Schematic diagrams showing a two-dimensional proportion graph according to an embodiment of the present disclosure, respectively.

[0032] Figure 6 A schematic diagram showing a two-dimensional proportion graph according to an embodiment of the present disclosure.

[0033] Figure 7 A schematic diagram showing a two-dimensional proportion graph according to an embodiment of the present disclosure.

[0034] Figure 8 A block diagram showing an electronic device 800 according to an embodiment of the present disclosure. DETAILED DESCRIPTION OF THE EMBODIMENTS

[0035] Various exemplary embodiments, features, and aspects of the present disclosure will be described in detail below with reference to the accompanying drawings. The same reference numerals in the drawings denote elements having the same or similar functions. Although various aspects of the embodiments are shown in the drawings, the drawings are not necessarily drawn to scale unless otherwise specified.

[0036] As used herein, the term "exemplary" means "serving as an example, embodiment, or illustration." Any embodiment described herein as "exemplary" is not necessarily to be construed as superior or better than other embodiments.

[0037] As used herein, the term "and / or" is merely a description of an association relationship between associated objects, indicating that three relationships may exist. For example, A and / or B may represent: A exists alone, A and B exist simultaneously, and B exists alone. In addition, the term "at least one" as used herein means any one of a plurality or any combination of at least two of a plurality. For example, including at least one of A, B, and C may mean including any one or more elements selected from the set consisting of A, B, and C. In the description of the present disclosure, "a plurality" means two or more unless otherwise specifically defined.

[0038] It should be understood that the terms "first," "second," etc. in the claims, the description, and the drawings of the present disclosure are used to distinguish different objects, rather than to describe a specific order. The terms "comprising" and "including" used in the description and claims of the present disclosure indicate the presence of the described features, wholes, steps, operations, elements, and / or components, but do not exclude the presence or addition of one or more other features, wholes, steps, operations, elements, components, and / or their combinations.

[0039] In addition, for a better description of the present disclosure, numerous specific details are given in the following detailed implementation manners. Those skilled in the art should understand that the present disclosure can be implemented without some specific details. In some instances, methods, means, elements, and circuits well-known to those skilled in the art are not described in detail so as to highlight the gist of the present disclosure.

[0040] In practical applications, the method for displaying the proportion diagram according to the embodiments of the present disclosure can be deployed on various terminal devices through software or hardware transformation. The terminal devices involved in the embodiments of the present disclosure refer to devices with wireless connection functions and / or wired connection functions. The wireless connection function means that it can be connected to other devices through wireless connection methods such as Wi-Fi and Bluetooth. The terminal devices involved in the embodiments of the present disclosure can also communicate with other devices through the wired connection function. The terminal devices involved in the embodiments of the present disclosure can be touch-screen, non-touch-screen, or without a screen. Touch-screen devices can be controlled by clicking, swiping, etc. on the display screen with fingers, styluses, etc. Non-touch-screen devices can be connected to input devices such as mice, keyboards, and touch panels to control the terminal devices. Devices without a screen can be, for example, Bluetooth speakers without a screen. For example, the terminal devices of the present application may include, but are not limited to, user equipment (UE), mobile devices, mobile terminals, handheld devices, tablet computers, laptop computers, palmtop computers, computing devices, etc.

[0041] Figure 1 The flowchart showing the method for displaying the proportion diagram according to an embodiment of the present disclosure is as follows. As Figure 1 shown, the method includes:

[0042] Step S11, in response to receiving a proportion diagram display request, display a two-dimensional proportion diagram, where the two-dimensional proportion diagram represents the statistical result of statistically analyzing target data according to a first statistical dimension and a second statistical dimension;

[0043] Among them, the two-dimensional proportion diagram includes a horizontal axis and a vertical axis, and a core area surrounded by the horizontal axis and the vertical axis; the core area includes a plurality of blocks. Among them, the quantity proportion corresponding to the block in the Y-th row and the X-th column represents the quantity proportion of the data that simultaneously belongs to the Y-th second dimension category of the second statistical dimension and the X-th first dimension category of the first statistical dimension in the target data. The width and height of each block are determined by the quantity proportion corresponding to each block and the total width and total height of the core area.

[0044] In practical applications, the data structure of the entire two-dimensional proportion map can adopt a two-dimensional array. Each one-dimensional array under the two-dimensional array represents the data of the same row. Each data node object in each one-dimensional array can include percent (quantity proportion), tagX (the first dimension category, used to indicate the category identifier of the X-axis), tagXRank (the X-axis position, used to indicate which column in the two-dimensional proportion map), tagY (the second dimension category, used to indicate the category identifier of the Y-axis), tagYRank (the Y-axis position, used to indicate which row in the two-dimensional proportion map), and value (data scale, that is, the quantity value). Based on the above two-dimensional array, the corresponding two-dimensional proportion map can be visually displayed on the corresponding interactive page. The interactive page can be a page on the web side, a page in an application, a page in a mini-program, a page of a plugin, etc. The embodiments of the present disclosure do not limit this.

[0045] It should be understood that the user can provide target data according to actual needs to generate a two-dimensional proportion map of the target data. The target data can be any data that needs to be statistically analyzed and displayed. The target data can be statistically analyzed from at least two statistical dimensions, and the statistical results of the two statistical dimensions can be simultaneously displayed in the two-dimensional proportion map. Different statistical dimensions can be different classification methods. For example, classifying people by age is a statistical dimension, and this dimension can include multiple categories corresponding to different age groups. Classifying people by occupation is another statistical dimension, and this dimension also includes multiple categories corresponding to different occupation types.

[0046] In practical applications, after obtaining the target data provided by the user, statistical processing of the target data in two statistical dimensions can be performed to obtain the statistical results of the target data. For example, the statistical results can include the number of people in various first dimension categories and various second dimension categories and the quantity proportion of the number of people in the total number of people in the target data; or, it can also include the number of items sold in various first dimension categories and various second dimension categories and the quantity proportion of the number of items sold in the total number of items sold in the target data, etc. The embodiments of the present disclosure do not limit this. Of course, it is also possible to directly obtain the statistical results of the target data that have been statistically analyzed, that is, the user can also directly provide the statistical results of the target data. Thus, a two-dimensional proportion map can be directly generated and displayed based on the quantity proportion corresponding to the number of people in various first dimension categories and various second dimension categories in the statistical results of the target data provided by the user. The embodiments of the present disclosure do not limit this.

[0047] Among them, the above proportion chart display request may include target data, so that after receiving the proportion chart display request, a two-dimensional proportion chart can be generated and displayed based on the target data. Alternatively, the proportion chart display request may also include the storage address of the target data. After receiving the proportion chart display request, the target data can be obtained from the corresponding storage address based on the storage address of the target data in the proportion chart display request, and a two-dimensional proportion chart can be generated and displayed based on the obtained target quantity. The embodiments of the present disclosure do not limit this. It should be understood that the proportion chart display request may be a request sent by any user party who expects to display the two-dimensional proportion chart of the target data, and the embodiments of the present disclosure do not limit this.

[0048] Exemplarily, Figure 2a shows a schematic diagram of a two-dimensional proportion chart, as Figure 2a shown. In this two-dimensional proportion chart, the areas occupied by 3×3 blocks are the core areas. The lower side and the left side of the core area are the horizontal axis area and the vertical axis area respectively. Among them, in the order from left to right and from bottom to top, the quantity proportion corresponding to the block in the first row and the first column (i.e., proportion a%) represents the quantity proportion of the data that belongs to the first second dimension category (i.e., category y 1 ) of the second statistical dimension and the first first dimension category (i.e., category x 1 ) of the first statistical dimension in the target data. The quantity proportion corresponding to the block in the first row and the second column (i.e., proportion b%) represents the quantity proportion of the data that belongs to the first second dimension category (i.e., category y 1 ) of the second statistical dimension and the second first dimension category (i.e., category x 2 ) of the first statistical dimension in the target data, and so on, without further elaboration.

[0049] Among them, as Figure 2a shown, the two-dimensional proportion chart can display, along the horizontal axis, the quantity proportions of the data of each first dimension category in the first statistical dimension in the target data (such as the proportion of category x 1 is N 1 %, the proportion of category x 2 is N 2 %, the proportion of category x 3 is N 3 %), and / or, the two-dimensional proportion chart can display, along the vertical axis, the quantity proportions of the data of each second dimension category in the second statistical dimension in the target data (such as the proportion of category y 1 is M 1 %, the proportion of category y 2 is M 2 %, the proportion of category y 3 is M 3(%); Among them, under the first statistical dimension shown along the horizontal axis, the proportion of the quantity of the data of the Xth first dimension category in the target data is equal to the sum of the proportion of the quantity corresponding to the block in the Xth column in the core area. For example, for category x 1 The N of the proportion 1 %, is equal to the sum of the proportion of the quantity of the blocks in the first column, that is, N 1 % = a% + d% + g%, for category x 2 The N of the proportion 2 %, is equal to the sum of the proportion of the quantity of the blocks in the second column, that is, N 2 % = b% + e% + h%, for category x 3 The N of the proportion 3 %, is equal to the sum of the proportion of the quantity of the blocks in the third column, that is, N 3 % = c% + f% + i%; and, under the second statistical dimension shown along the vertical axis, the proportion of the quantity of the data of the Yth second dimension category in the target data is equal to the sum of the proportion of the quantity corresponding to the block in the Yth row in the core area. For example, for category y 1 The M of the proportion 1 %, is equal to the sum of the proportion of the quantity of the blocks in the first row, that is, M 1 % = a% + b% + c%, for category y 2 The M of the proportion 2 %, is equal to the sum of the proportion of the quantity of the blocks in the second row, that is, M 2 % = d% + e% + f%, for category y 3 The M of the proportion 3 %, is equal to the sum of the proportion of the quantity of the blocks in the third row, that is, M 3 % = g% + h% + i%.

[0050] It should be understood that the sum of the proportion of the quantity corresponding to all blocks in the core area is 100%, that is, a% + b% + c% + d% + e% + f% + g% + h% + i% = 100%. Thus, the sum of the proportion of the quantity corresponding to all first dimension categories on the horizontal axis is 100%, that is, N 1 % + N 2 % + N 3 % = 100%, and the sum of the proportion of the quantity corresponding to all second dimension categories on the vertical axis is 100%, that is, M 1 % + M 2 % + M 3 % = 100%.

[0051] In practical applications, in the two-dimensional proportion diagram, the proportion of the quantity of the data of each first dimension category in the target data under the first statistical dimension may not be shown (that is, the data category x on the horizontal axis is not shown 1 The proportion N 1 %, category x 2 The proportion N 2%, Category x 3 Proportion N 3 %);and, it is also possible not to display the quantity proportion of the data of each second dimension category in the target data under the second statistical dimension (that is, not to display the data category y on the vertical axis 1 Proportion M 1 %, Category y 2 Proportion M 2 %, Category y 3 Proportion M 3 %),for example, as Figure 2b shown in the two-dimensional proportion chart only the core area is displayed. Of course, it is also possible to display the core area and the horizontal axis (including the quantity proportion of the data of each first dimension category in the target data under the first statistical dimension), or, it is also possible to display the core area and the vertical axis (including the quantity proportion of the data of each second dimension category in the target data under the second statistical dimension).

[0052] Among them, based on the two-dimensional array corresponding to the two-dimensional proportion chart, the data displayed on the horizontal axis can be the data with tagYRank of 0. It should be understood that if the data on the horizontal axis is not included in the two-dimensional array, the horizontal axis can not be displayed. The width occupied by each first dimension category displayed on the horizontal axis is determined by the proportion of the quantity proportion corresponding to each first dimension category in this row (that is, percent / sum of percent in this row * total width of the core area), and the height occupied by each first dimension category in the horizontal axis area can be a preset value. Among them, since the sum of the quantity proportions corresponding to all the first dimension categories on the horizontal axis is 100%, the width occupied by each first dimension category on the horizontal axis can directly equal the product of the quantity proportion corresponding to each first dimension category and the total width of the core area. That is, under the first statistical dimension displayed along the horizontal axis in the two-dimensional proportion chart, the width occupied by the Xth first dimension category in the horizontal axis includes: the product of the quantity proportion of the data of the Xth first dimension category in the target data and the total width of the core area; for example, Figure 2a Category x in 1 the width occupied on the horizontal axis (that is, the width between the dotted lines on both sides of category x 1 ) is equal to the quantity proportion N 1 % of category x 1 × total width W of the core area. The height of each first dimension category in the horizontal axis of the two-dimensional proportion chart can be the same preset value. For example, Figure 2a Category x in 1 , Category x 2 , Category x 3 in the horizontal axis area have the same preset value.

[0053] Correspondingly, based on the two-dimensional array corresponding to the two-dimensional proportion chart, the data shown on the vertical axis can be the data with tagXRank equal to 0. It should be understood that if the data on the vertical axis is not included in the two-dimensional array, the vertical axis may not be displayed. The width of each second-dimensional category shown on the vertical axis can be the same preset value. For example, Figure 2a category y in 1 , category y 2 , category y 3 has the same preset value in the vertical axis; the height occupied by each second-dimensional category shown on the vertical axis is determined by the proportion of the quantity corresponding to each second-dimensional category in the sum of the proportions in this column (i.e., percent / sum of percents in this column * total height of the core area). Among them, since the sum of the quantity proportions corresponding to all second-dimensional categories on the vertical axis is 100%, the height occupied by each second-dimensional category on the vertical axis can directly be equal to the product of the quantity proportion corresponding to each first-dimensional category and the total height of the core area. That is, under the second statistical dimension shown along the vertical axis in the two-dimensional proportion chart, the height occupied by the Y-th second-dimensional category in the vertical axis includes: the product of the quantity proportion of the data of the Y-th second-dimensional category in the target data and the total height of the core area. For example, Figure 2a category y in 3 the height occupied in the vertical axis (i.e., the height between the dotted lines on both sides of category y 3 ) is equal to the quantity proportion M 3 % of category y 3 × total height H of the core area.

[0054] In addition, based on the two-dimensional data corresponding to the two-dimensional proportion chart, the core area is used to display the other data in the two-dimensional array except for those with tagYRank equal to 0 and tagXRank equal to 0. The total width of the core area = width of the display area of the entire two-dimensional proportion chart - width of the vertical axis area, and the total height of the core area = height of the display area of the entire two-dimensional proportion chart - height of the horizontal axis area. Specifically, the width of each block in the core area is determined by the proportion of the quantity corresponding to each block in the sum of the proportions in the row where each block is located (i.e., percent / sum of percents in this row * total width of the core area), and the height of each block is determined by the proportion of the sum of the percents in the row where each block is located in the core area (i.e., sum of percents in this row / sum of all percents in the core area * total height of the core area). Among them, since the sum of all percents in the core area is 100%, therefore, the height of each block can be equal to the sum of the percents in the row where each block is located * total height of the core area.

[0055] Thus, in a possible implementation, the width of each block may include: the product of the proportion of the quantity corresponding to the block and the total proportion of the quantities of all blocks in the row where the block is located, and the total width of the core area. For example, the width of the block in the first row and the first column is equal to the proportion of the quantity corresponding to the block (a%) divided by the total proportion of the quantities of all blocks in the row where the block is located (i.e., a% + b% + c%, which is also M 1 %), multiplied by the total width W of the core area. That is, the width of the block in the first row and the first column = a% / (a% + b% + c%) × W; the height of each block includes: the product of the total proportion of the quantities of all blocks in the row where the block is located and the total height of the core area. For example, the height of the block in the first row and the first column is equal to the total proportion of the quantities of all blocks in the row where the block is located (i.e., a% + b% + c%, which is also M 1 %), multiplied by the total height H of the core area. That is, the height of the block in the first row and the first column = (a% + b% + c%) × H. In this way, the relative sizes of the proportions of the quantities corresponding to each block can be intuitively displayed through the width of each block in the horizontal axis dimension and the height in the vertical axis dimension in the two-dimensional proportion diagram. That is, the sizes of the proportions of the quantities in any first dimension category and second dimension category can be intuitively displayed. Or rather, it can be intuitively shown which dimension categories have a small proportion and which have a large proportion.

[0056] In practical applications, different colors can be filled in each block of the two-dimensional proportion diagram. For example, the same color can be filled in the blocks of the same column, and different shades of the same color can be filled in different blocks of the same column, as Figure 3 shown in a two-dimensional proportion diagram. The first column uses red, the second column uses orange, and the third column uses purple, and the color filled in each block from bottom to top in the same column becomes lighter. Of course, other color filling methods can also be used. For example, the color filled in the block with a larger proportion of the quantity in the same column can be darker. The embodiments of the present disclosure do not limit this.

[0057] According to the method of the embodiments of the present disclosure, it is possible to intuitively display the proportion of the quantities of different data from two dimensions (i.e., the first statistical dimension and the second statistical dimension) in one diagram. In particular, it is possible to intuitively display the proportion distribution of complex data under multiple first dimension categories in the first statistical dimension and multiple second dimension categories in the second statistical dimension.

[0058] In a possible implementation, as Figure 4As shown, the data scale corresponding to each block in the core area can also be displayed (that is, the size of the data volume, for example, the number of people, the number of item sales, etc.). The data scale corresponding to each first dimension category can also be displayed on the horizontal axis, and the data scale corresponding to each second dimension category can also be displayed on the vertical axis. That is, the block in the Y-th row and X-th column also includes the data scale that belongs to the Y-th second dimension category of the second statistical dimension and the X-th first dimension category of the first statistical dimension at the same time. For example, Figure 4 the block in the 1st row and 1st column in 1 also includes the data that belongs to category x 1 and category y at the same time, with a data scale of "1 million"; and, along the horizontal axis in the two-dimensional proportion map, the data scales of each first dimension category under the first statistical dimension are also shown. For example, Figure 4 the data scale of category x in 1 is 2.2 million; the data scale of the X-th first dimension category is the sum of the data scales corresponding to the blocks in the X-th column. For example, Figure 4 the data scale of category x in 1 2.2 million = the sum of the data scales corresponding to the blocks in the 1st column (that is, 1 million + 800,000 + 400,000); and, along the vertical axis in the two-dimensional proportion map, the data scales of each second dimension category under the second statistical dimension are shown. For example, Figure 4 the data scale of category y in 1 is 2.27 million; the data scale of the Y-th second dimension category is the sum of the data scales corresponding to the blocks in the Y-th row. For example, Figure 4 the data scale of category y in 1 2.27 million = the sum of the data scales corresponding to the blocks in the 1st row (that is, 1 million + 850,000 + 420,000). It should be understood that if the horizontal axis area and / or the vertical axis area are not displayed in the two-dimensional proportion map, the data scales of each first dimension category in the horizontal axis and / or the data scales of each second dimension category in the vertical axis can be not displayed; in this way, the two-dimensional proportion map can intuitively display the data scales corresponding to each block, the data scales corresponding to each first dimension category, and the data scales corresponding to each second dimension category at the same time.

[0059] In a possible implementation manner, some or all of the blocks in the core area can be associated with jump links, and the jump links are used to jump to the corresponding target pages. Wherein, the method can also include: in response to clicking on any block associated with a jump link in the core area of the two-dimensional proportion map, jumping to the corresponding target page.

[0060] Among them, the target page can be a page for displaying detailed data distribution. Although the two-dimensional proportion chart can show the quantity proportion and data scale of the data belonging to any first-dimensional category and second-dimensional category, the quantity proportion and data scale are usually statistical values, and there is usually more detailed data distribution for the data belonging to the first-dimensional category and second-dimensional category. For example, it may include data of the first-dimensional category and second-dimensional category distributed by period, may also include data statistically counted according to sub-categories of the first-dimensional category or second-dimensional category, or may also contain other data information (such as data source, statistical moment, etc.). The embodiments of the present disclosure do not limit this. Therefore, some or all of the blocks in the core area can be associated with jump links to their respective corresponding target pages, so that users can jump from the two-dimensional proportion chart page to any target page displaying detailed data distribution with one click. Alternatively, the target page can also be a page for regulating data. For example, if the quantity proportion of data under a certain category is relatively small, the operation staff can enter the corresponding target page to perform operations such as increasing the volume of data related to this category to increase the quantity proportion. The embodiments of the present disclosure do not limit the data contained in the target page, the functions implemented, etc.

[0061] Considering that the horizontal axis and / or vertical axis may not be displayed in the two-dimensional proportion chart, or the data scale may not be displayed either, and when users view the two-dimensional proportion chart, they may not be aware of the function of jumping to the target page by clicking on the block. Therefore, in a possible implementation manner, the method further includes: in response to the mouse position in the two-dimensional proportion chart, displaying a corresponding prompt box, where the prompt box includes at least one of prompt information, the first-dimensional category and second-dimensional category corresponding to the block where the mouse position is located, quantity proportion, and data scale, and the prompt information is used to prompt the user to jump to the corresponding target page by clicking on the block.

[0062] Exemplarily, when the mouse moves to Figure 4 the range where the block in the first row and first column shown is located, a prompt box corresponding to this block as shown in Figure 5a may be displayed. The prompt box contains the prompt information "Click on the block to view detailed data", "Category: x 1 -y 1 ", "Scale: 1 million", "Proportion: 19.1%"; when the mouse moves to Figure 4 the range where the block in the second row and second column shown is located, if this block has no associated jump link, a prompt box as shown in Figure 5b may be displayed. The prompt box contains "Category: x 2 -y 2 ", "Scale: 620,000", "Proportion: 11.9%", and so on, which will not be elaborated.

[0063] In practical applications, when the mouse moves within the range of any first-dimensional category on the horizontal axis (i.e., within the range defined by the width occupied by the first-dimensional category on the horizontal axis and the preset height) or within the range of any second-dimensional category on the vertical axis (i.e., within the range defined by the height occupied by the second-dimensional category on the vertical axis and the preset width), a corresponding tooltip can also be displayed. The tooltip can display at least one of the first-dimensional category or the second-dimensional category indicated by the mouse position, the percentage of the quantity corresponding to the first-dimensional category or the second-dimensional category, and the data scale. For example, as Figure 5c shown, when the mouse moves within the range of the first first-dimensional category on the horizontal axis, the displayed tooltip includes: "Category: x 1 - All", "Scale: 2.2 million", "Percentage: 42%", and so on, which will not be elaborated here.

[0064] Considering that in the actual situation, there may be zoom-in or zoom-out operations on the page where the two-dimensional proportion map is displayed or the display area of the two-dimensional proportion map on the page. In a possible implementation manner, the method further includes: in response to a zoom operation on the page where the two-dimensional proportion map is located or the display area of the two-dimensional proportion map on the page, scaling the two-dimensional proportion map proportionally. That is, the entire area where the two-dimensional proportion map is located can be responsive layout, and can automatically adjust the overall width and height of the two-dimensional proportion map according to the overall width and height of the area where the two-dimensional proportion map is located after scaling, so that the sizes of all blocks inside the two-dimensional proportion map are adjusted proportionally to adapt to the scaled page or the display area on the page.

[0065] It should be understood that given the zoom level of the page where the two-dimensional proportion map is located or the display area of the two-dimensional proportion map on the page, the width of the two-dimensional proportion map can be scaled proportionally. The embodiments of the present disclosure do not limit the scaling method of the two-dimensional proportion map. Among them, the minimum width and height of the two-dimensional proportion map can be preset, and the scaled-down two-dimensional proportion map cannot be smaller than the preset minimum width and height to prevent the two-dimensional proportion map from being scaled down so much that the data cannot be viewed.

[0066] Considering that users may have a need to independently display the proportion of quantities in a certain category. This category and other categories in the same dimension can be distributed on the horizontal axis, that is, it can be used as the first statistical dimension to facilitate highlighting the proportion of quantities corresponding to each block in this independent area. Therefore, the request for the proportion chart display can also include: the horizontal axis position indicating the independent area; the core area includes the independent area and the non-independent area other than the independent area; among them, the horizontal axis position can specifically indicate that a certain column or several consecutive columns are the independent area. For example, the first column, the last column, the last two columns, etc. In one example, the independent area is continuous and the non-independent area is also continuous. For example, the independent area is the continuous 4th and 5th columns, and the non-independent area is the continuous 1st, 2nd, and 3rd columns; and the vertical axis position can specifically indicate that a certain column or several consecutive rows are the independent area. For example, the first row, the last row, the last two rows, etc., as long as the independent area is continuous and the non-independent area is also continuous. The embodiments of the present disclosure do not limit this.

[0067] Among them, the width of each block in the independent area indicated by the horizontal axis position includes: the product of the sum of the proportion of the quantities of all blocks in the column where the block is located and the total width of the core area; the height of each block in the independent area indicated by the horizontal axis position includes: the ratio of the proportion of the quantity corresponding to the block to the sum of the proportion of the quantities of all blocks in the column where the block is located, multiplied by the total height of the core area; Exemplarily, as Figure 6 shown in a two-dimensional proportion chart, where the 4th column from left to right is the independent area indicated by the horizontal axis position. The width of the first block from bottom to top in this independent area (that is, the block in the 1st row and 4th column of the entire core area) = the sum of the proportion of the quantities of all blocks in the column where the block is located (that is, j% + k% + l%, that is, the proportion of the quantity of the 4th first-dimensional category x 4 N 4 %) × the total width W of the core area. In fact, it is also the width occupied by category x 4 on the horizontal axis; the height of the first block from bottom to top in this independent area (that is, the block in the 1st row and 4th column of the entire core area) = the ratio of the proportion of the quantity corresponding to the block (j%) to the sum of the proportion of the quantities of all blocks in the column where the block is located (that is, j% + k% + l%, that is, N 4 %), multiplied by the total height H of the core area. That is, the height of the first block from bottom to top in this independent area = j% / (j% + k% + l%) × H. Through this method, the proportion of the quantity of some data can be independently displayed in the two-dimensional proportion chart.

[0068] Based on this, the width and height of each block in the non-independent area can refer to the calculation methods of the width and height of each block in the core area in the above embodiments of the present disclosure. The difference is that the width and height of each block in the non-independent area are determined by the quantity proportion corresponding to each block and the width and height of the non-independent area. Among them, the height of the non-independent area is also the total height of the core area. Specifically, the width of each block in the non-independent area can include: the product of the ratio of the quantity proportion corresponding to the block to the sum of the quantity proportions of all blocks in the row where the block is located in the non-independent area, and the width of the non-independent area; the height of each block in the non-independent area includes: the product of the ratio of the sum of the quantity proportions of all blocks in the row where the block is located in the non-independent area to the sum of the quantity proportions of all blocks in the non-independent area, and the height of the non-independent area. For example, Figure 6 the non-independent area in Figure 6 is the area occupied by the first column to the third column from left to right. Among them, the width of the block in the first row and first column in the non-independent area is equal to the product of the ratio of the quantity proportion corresponding to the block (a%) to the sum of the quantity proportions of all blocks in the row where the block is located in the non-independent area (a% + b% + c%), and the width W* of the non-independent area (that is, the area width from the first column to the second column), that is, the width of the block in the first row and first column in the non-independent area = a% / (a% + b% + c%) × W*; the height of the block in the first row and first column in the non-independent area is equal to the product of the ratio of the sum of the quantity proportions of all blocks in the row where the block is located in the non-independent area (a% + b% + c%) to the sum of the quantity proportions of all blocks in the non-independent area (that is, a% + b% + c% + d% + e% + f% + g% + h% + i%), and the height H* of the non-independent area (also the total height of the core area), that is, the height of the block in the first row and first column in the non-independent area = (a% + b% + c%) / (a% + b% + c% + d% + e% + f% + g% + h% + i%) × H*.

[0069] It should be noted that Figure 6 the two-dimensional proportion diagram shown still follows that the quantity proportion of the data of the Xth first-dimensional category in the target data is equal to the sum of the quantity proportions corresponding to the blocks in the Xth column in the core area, that is, Figure 6 in category x 1 the proportion N 1 % = a% + d% + g%, for category x 2 the proportion N 2 % = b% + e% + h%, for category x 3 the proportion N 3 % = c% + f% + i%, for category x 4 the proportion N 4% = j% + k% + l%; and, following the second statistical dimension shown along the vertical axis, the proportion of the data of the Y-th second dimension category in the target data is equal to the sum of the proportion of the quantities corresponding to the blocks in the Y-th row in the core area, that is, Figure 6 in category y 1 proportion of M 1 % = a% + b% + c% + j%, category y 2 proportion of M 2 % = d% + e% + f% + k%, category y 3 proportion of M 3 % = g% + h% + i% + l%. And, the sum of the proportion of the quantities corresponding to all the blocks in the core area is 100%, that is, a% + b% + c% + d% + e% + f% + g% + h% + i% + j% + k% + l% = 100%, and, the sum of the proportion of the quantities corresponding to all the first dimension categories on the horizontal axis is 100%, that is, N 1 % + N 2 % + N 3 % + N 4 % = 100%, and the sum of the proportion of the quantities corresponding to all the second dimension categories on the vertical axis is 100%, that is, M 1 % + M 2 % + M 3 % = 100%.

[0070] Exemplarily, Figure 7Disclosed is a two-dimensional proportion graph generated based on target data statistically obtained from user behaviors on a video platform. Among them, the area of the 5th column in the core area (i.e., the area where a column of blocks filled with green is located) is an independent area, and the area other than the area of the 5th column is a non-independent area; among them, "History Unpaid & Not Logged In", "Expired Members", "Small Screen VIP (Members)", "SVIP (Super Members)", "Membership High Security" on the horizontal axis can be each first-dimensional category under the first statistical dimension "Membership Type", and "New Users in the Current Month (i.e., NU in the Current Month)", "Active Low Security & Feature Film Playback < 6 Minutes (including No Playback)", "Active Low Security & Feature Film Playback ≥ 6 Minutes", "Active High Security & Feature Film Playback < 6 Minutes (including No Playback)", "Active High Security & Feature Film Playback ≥ 6 Minutes" on the vertical axis can be each second-dimensional category under the second statistical dimension "User Activity". Among them, the horizontal axis includes the proportion of each first-dimensional category. For example, "History Unpaid & Not Logged In Proportion 28.8%" represents that the number of users who are history unpaid & not logged in accounts for 28.8% of the total number of users. The vertical axis includes the proportion of each second-dimensional category. For example, "New Users in the Current Month Proportion 11.0%" represents that the number of users who are NU in the current month accounts for 11.0% of the total number of users. Any block in the core area contains the corresponding quantity proportion. For example, the proportion of 7.3% in the block of the first row and the first column represents that the number of users who are NU in the current month and are history unpaid & not logged in accounts for 7.3% of the total number of users, and so on.

[0071] As Figure 7 shown, the two-dimensional proportion graph can also display a horizontal axis showing "Membership Low Security (Proportion 67.1%)" and "Membership High Security (Proportion 32.9%)". Among them, "Membership Low Security" can be the upper category of the above "History Unpaid & Not Logged In", "Expired Members", "Small Screen VIP", "SVIP". The 67.1% of the membership low security proportion is the sum of the respective quantity proportions of "History Unpaid & Not Logged In", "Expired Members", "Small Screen VIP", "SVIP". That is, the two-dimensional proportion graph can also display the upper category of some or all of the first-dimensional categories on the horizontal axis. Of course, the two-dimensional proportion graph can also display the upper category of some or all of the second-dimensional categories on the vertical axis, which can be customized according to user needs, and the embodiments of the present disclosure do not limit this.

[0072] It should be noted that the above Figures 2a to 7 shown two-dimensional proportion graphs are some possible implementation manners provided by the embodiments of the present disclosure. In fact, those skilled in the art can customize and design the total width and height, colors, fonts, font sizes, etc. of the two-dimensional proportion graph according to actual needs, and the embodiments of the present disclosure do not limit this.

[0073] To display a more personalized two-dimensional proportion chart, that is, to facilitate users to customize the display effect of the two-dimensional proportion chart, in one possible implementation, the method may further include:

[0074] In response to receiving the display parameters set by the user, according to the display parameters, trigger a proportion chart display request to display a two-dimensional proportion chart based on the display parameters;

[0075] Wherein, the display parameters include at least one of the following: the first statistical dimension, the second statistical dimension, the first dimension category corresponding to the independent region in the two-dimensional proportion chart and the corresponding horizontal axis position, the total width and total height of the core region in the two-dimensional proportion chart, the display color of each block, whether to display the data scale, whether to display the quantity proportion, whether to display the horizontal axis, and whether to display the vertical axis.

[0076] In an exemplary application scenario, the user can upload the target data to be statistically analyzed and displayed on the page, such as user behavior data in a video platform, including user categories and user activity data of each user, and can set two statistical dimensions, such as Figure 7 the first statistical dimension and the second statistical dimension in, and can specify the first dimension category corresponding to the independent region and the horizontal axis position, and can also specify the total width and total height of the core region of the two-dimensional proportion chart, the display color of each block, whether to display the data scale, whether to display the quantity proportion, whether to display the horizontal axis (that is, whether to display each first dimension category and the corresponding quantity proportion, etc.), whether to display the vertical axis (that is, whether to display each second dimension category and the corresponding quantity proportion, etc.) and other display parameters, and trigger a proportion chart display request. The terminal or the server can perform statistics on the target data according to the indication of the proportion chart display request and display a two-dimensional proportion chart based on the above display parameters.

[0077] Based on the proportion chart display method provided in the above embodiments of the present disclosure, the embodiments of the present disclosure also provide a proportion chart display device, which includes:

[0078] A display module, configured to display a two-dimensional proportion chart in response to receiving a proportion chart display request, where the two-dimensional proportion chart represents a statistical result of statistically analyzing target data according to the first statistical dimension and the second statistical dimension;

[0079] Wherein, the two-dimensional proportion chart includes a horizontal axis and a vertical axis, and a core region surrounded by the horizontal axis and the vertical axis; the core region includes a plurality of blocks, wherein the quantity proportion corresponding to the block in the Y-th row and the X-th column represents the quantity proportion of the data that simultaneously belongs to the Y-th second dimension category of the second statistical dimension and the X-th first dimension category of the first statistical dimension in the target data, and the width and height of each block are determined by the quantity proportion corresponding to each block and the total width and total height of the core region.

[0080] In a possible implementation, the width of each block includes: the product of the ratio of the quantity ratio corresponding to the block to the total ratio of the quantities of all blocks in the row where the block is located, and the total width of the core area; the height of each block includes: the product of the total ratio of the quantities of all blocks in the row where the block is located and the total height of the core area.

[0081] In a possible implementation, the two-dimensional ratio diagram shows, along the horizontal axis, the ratio of the quantity of data of each first-dimensional category in the first statistical dimension to the quantity of target data, and / or, the two-dimensional ratio diagram shows, along the vertical axis, the ratio of the quantity of data of each second-dimensional category in the second statistical dimension to the quantity of target data.

[0082] In a possible implementation, along the horizontal axis in the first statistical dimension, the ratio of the quantity of data of the Xth first-dimensional category to the quantity of target data is equal to the sum of the quantity ratios corresponding to the blocks in the Xth column in the core area; along the vertical axis in the second statistical dimension, the ratio of the quantity of data of the Yth second-dimensional category to the quantity of target data is equal to the sum of the quantity ratios corresponding to the blocks in the Yth row in the core area.

[0083] In a possible implementation, the width occupied by the Xth first-dimensional category along the horizontal axis in the two-dimensional ratio diagram includes: the product of the ratio of the quantity of data of the Xth first-dimensional category to the quantity of target data and the total width of the core area; the height occupied by the Yth second-dimensional category along the vertical axis in the two-dimensional ratio diagram includes: the product of the ratio of the quantity of data of the Yth second-dimensional category to the quantity of target data and the total height of the core area.

[0084] In a possible implementation, the block in the Yth row and Xth column further includes the data scale that belongs to both the Yth second-dimensional category in the second statistical dimension and the Xth first-dimensional category in the first statistical dimension; in the two-dimensional ratio diagram, the data scales of each first-dimensional category in the first statistical dimension are also shown along the horizontal axis; the data scale of the Xth first-dimensional category is the sum of the data scales corresponding to the blocks in the Xth column; in the two-dimensional ratio diagram, the data scales of each second-dimensional category in the second statistical dimension are shown along the vertical axis; the data scale of the Yth second-dimensional category is the sum of the data scales corresponding to the blocks in the Yth row.

[0085] In a possible implementation, the proportion diagram display request further includes: a horizontal axis position for indicating an independent area; the core area includes the independent area and a non-independent area other than the independent area; wherein, the width of each block in the independent area indicated by the horizontal axis position includes: the product of the sum of the proportion of the number of all blocks in the column where the block is located and the total width of the core area; the height of each block in the independent area indicated by the horizontal axis position includes: the product of the ratio of the corresponding proportion of the number of the block to the sum of the proportion of the number of all blocks in the column where the block is located and the total height of the core area; the width of each block in the non-independent area includes: the product of the ratio of the corresponding proportion of the number of the block to the sum of the proportion of the number of all blocks in the row where the block is located within the non-independent area and the width of the non-independent area; the height of each block in the non-independent area includes: the product of the ratio of the sum of the proportion of the number of all blocks in the row where the block is located within the non-independent area to the sum of the proportion of the number of all blocks in the non-independent area and the height of the non-independent area.

[0086] In a possible implementation, some or all of the blocks in the core area are associated with jump links, and the jump links are used to jump to corresponding target pages. Wherein, the device further includes: a jump module, configured to respond to a click on any block associated with a jump link in the core area of the two-dimensional proportion diagram and jump to the corresponding target page.

[0087] In a possible implementation, the device further includes: a prompt module, configured to display a corresponding prompt box in response to the mouse position in the two-dimensional proportion diagram. The prompt box includes at least one of prompt information, the first dimension category and the second dimension category corresponding to the block where the mouse position is located, the proportion of the number, and the data scale. The prompt information is used to prompt the user to jump to the corresponding target page by clicking on the block.

[0088] In a possible implementation, the device further includes: a zoom module, configured to zoom the two-dimensional proportion diagram proportionally in response to a zoom operation on the page where the two-dimensional proportion diagram is located or the display area of the two-dimensional proportion diagram on the page.

[0089] In a possible implementation, the device further includes: a setting module, configured to, in response to receiving display parameters set by a user, trigger the request for displaying the proportion graph according to the display parameters, so as to display the two-dimensional proportion graph based on the display parameters; wherein the display parameters include at least one of the following: the first statistical dimension, the second statistical dimension, the first dimension category corresponding to an independent region in the two-dimensional proportion graph and the corresponding horizontal axis position, the total width and total height of the core region in the two-dimensional proportion graph, the display color of each block, whether to display the data scale, whether to display the quantity proportion, whether to display the horizontal axis, and whether to display the vertical axis.

[0090] The device according to the embodiments of the present disclosure can intuitively display the quantity proportion of different data from two dimensions (i.e., the first statistical dimension and the second statistical dimension) in one graph, and in particular, can intuitively display the quantity proportion distribution of complex data under multiple first dimension categories in the first statistical dimension and multiple second dimension categories in the second statistical dimension.

[0091] In some embodiments, the functions or modules included in the device provided by the embodiments of the present disclosure can be used to execute the methods described in the above method embodiments. The specific implementation can refer to the description of the above method embodiments. For the sake of brevity, it will not be repeated here.

[0092] The embodiments of the present disclosure also propose a computer-readable storage medium, on which computer program instructions are stored. When the computer program instructions are executed by a processor, the above methods are implemented. The computer-readable storage medium can be a volatile or non-volatile computer-readable storage medium.

[0093] The embodiments of the present disclosure also propose an electronic device, including: a processor; a memory for storing instructions executable by the processor; wherein the processor is configured to implement the above methods when executing the instructions stored in the memory.

[0094] The embodiments of the present disclosure also provide a computer program product, including computer-readable code, or a non-volatile computer-readable storage medium carrying the computer-readable code. When the computer-readable code runs in the processor of an electronic device, the processor in the electronic device executes the above methods.

[0095] Figure 8 FIG. shows a block diagram of an electronic device 800 according to an embodiment of the present disclosure. Referring to Figure 8 , the electronic device 800 may include one or more of the following components: a processing component 802, a memory 804, a power component 806, a multimedia component 808, an audio component 810, an input / output interface 812 (I / O interface), a sensor component 814, and a communication component 816.

[0096] The processing component 802 generally controls the overall operation of the electronic device 800, such as operations associated with display, telephone calls, data communications, camera operations, and recording operations. The processing component 802 may include one or more processors 820 to execute instructions to complete all or part of the steps of the above-described methods. In addition, the processing component 802 may include one or more modules to facilitate the interaction between the processing component 802 and other components. For example, the processing component 802 may include a multimedia module to facilitate the interaction between the multimedia component 808 and the processing component 802.

[0097] The memory 804 is configured to store various types of data to support the operation of the electronic device 800. Examples of such data include instructions for any application or method operating on the electronic device 800, contact data, phone book data, messages, pictures, videos, etc. The memory 804 may be implemented by any type of volatile or non-volatile storage device or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, a magnetic disk, or an optical disk.

[0098] The power component 806 provides power to various components of the electronic device 800. The power component 806 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power for the electronic device 800.

[0099] The multimedia component 808 includes a screen that provides an output interface between the electronic device 800 and the user. In some embodiments, the screen may include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive input signals from the user. The touch panel includes one or more touch sensors to sense touches, swipes, and gestures on the touch panel. The touch sensors may sense not only the boundaries of the touch or swipe actions but also detect the duration and pressure associated with the touch or swipe operation. In some embodiments, the multimedia component 808 includes a front camera and / or a rear camera. When the electronic device 800 is in an operating mode, such as a shooting mode or a video mode, the front camera and / or the rear camera may receive external multimedia data. Each of the front camera and the rear camera may be a fixed optical lens system or have focal length and optical zoom capabilities.

[0100] The audio component 810 is configured to output and / or input audio signals. For example, the audio component 810 includes a microphone (MIC) that is configured to receive external audio signals when the electronic device 800 is in an operating mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signal can be further stored in the memory 804 or transmitted via the communication component 816. In some embodiments, the audio component 810 further includes a speaker for outputting audio signals.

[0101] The input / output interface 812 provides an interface between the processing component 802 and a peripheral interface module, and the peripheral interface module can be a keyboard, a click wheel, buttons, etc. These buttons can include but are not limited to: a home button, a volume button, a power button, and a lock button.

[0102] The sensor component 814 includes one or more sensors for providing status assessments of various aspects of the electronic device 800. For example, the sensor component 814 can detect the on / off state of the electronic device 800, the relative positioning of components, such as the display and keypad of the electronic device 800. The sensor component 814 can also detect a change in the position of the electronic device 800 or a component of the electronic device 800, the presence or absence of user contact with the electronic device 800, the orientation or acceleration / deceleration of the electronic device 800, and a change in the temperature of the electronic device 800. The sensor component 814 can include a proximity sensor configured to detect the presence of nearby objects without any physical contact. The sensor component 814 can also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor component 814 can further include an acceleration sensor, a gyro sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.

[0103] The communication component 816 is configured to facilitate communication between the electronic device 800 and other devices in a wired or wireless manner. The electronic device 800 can access a wireless network based on a communication standard, such as WiFi, 2G, or 3G, or a combination thereof. In an exemplary embodiment, the communication component 816 receives a broadcast signal or broadcast-related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 816 further includes a near field communication (NFC) module to facilitate short-range communication. For example, the NFC module can be implemented based on radio frequency identification (RFID) technology, infrared data association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology, and other technologies.

[0104] In an exemplary embodiment, the electronic device 800 may be implemented by one or more application specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable gate arrays (FPGAs), controllers, microcontrollers, microprocessors, or other electronic components for performing the above method.

[0105] In an exemplary embodiment, a non-volatile computer-readable storage medium is also provided, such as a memory 804 including computer program instructions, and the computer program instructions can be executed by a processor 820 of the electronic device 800 to complete the above method.

[0106] The present disclosure may be a system, a method, and / or a computer program product. The computer program product may include a computer-readable storage medium having thereon computer-readable program instructions for causing a processor to implement various aspects of the present disclosure.

[0107] The computer-readable storage medium may be a tangible device that can retain and store instructions for use by an instruction execution device. The computer-readable storage medium may be, for example, but not limited to, an electrical storage device, a magnetic storage device, an optical storage device, an electromagnetic storage device, a semiconductor storage device, or any suitable combination of the foregoing. More specific examples (a non-exhaustive list) of the computer-readable storage medium include: a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), a static random access memory (SRAM), a portable compact disc read-only memory (CD-ROM), a digital versatile disc (DVD), a memory stick, a floppy disk, a mechanically encoded device such as a punch card or raised structures in a groove having instructions stored thereon, and any suitable combination of the foregoing. The computer-readable storage medium as used herein is not construed as a transitory signal per se, such as a radio wave or other freely propagating electromagnetic wave, an electromagnetic wave propagating through a waveguide or other transmission medium (e.g., an optical pulse through an optical fiber cable), or an electrical signal transmitted through a wire.

[0108] The computer-readable program instructions described herein may be downloaded from a computer-readable storage medium to respective computing / processing devices, or may be downloaded to an external computer or an external storage device through a network, such as the Internet, a local area network, a wide area network, and / or a wireless network. The network may include a copper transmission cable, an optical fiber transmission, a wireless transmission, a router, a firewall, a switch, a gateway computer, and / or an edge server. A network adapter card or network interface in each computing / processing device receives the computer-readable program instructions from the network and forwards the computer-readable program instructions for storage in a computer-readable storage medium in each computing / processing device.

[0109] The computer program instructions for performing the operations of the present disclosure may be assembly instructions, instruction set architecture (ISA) instructions, machine instructions, machine - related instructions, microcode, firmware instructions, state - setting data, or source code or object code written in any combination of one or more programming languages, including object - oriented programming languages such as Smalltalk, C++, etc., and conventional procedural programming languages such as the "C" language or similar programming languages. The computer - readable program instructions may be executed entirely on the user's computer, partially on the user's computer, executed as a stand - alone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or, alternatively, may be connected to an external computer (e.g., through the Internet using an Internet service provider). In some embodiments, by using the state information of the computer - readable program instructions to customize an electronic circuit, such as a programmable logic circuit, a field - programmable gate array (FPGA), or a programmable logic array (PLA), the electronic circuit can execute the computer - readable program instructions to implement various aspects of the present disclosure.

[0110] Aspects of the present disclosure are described herein with reference to flowchart illustrations and / or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the disclosure. It should 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 - readable program instructions.

[0111] These computer - readable program instructions can be provided to a processor of a general - purpose computer, a special - purpose computer, or other programmable data - processing apparatus to produce a machine, such that the instructions, when executed by the processor of the computer or other programmable data - processing apparatus, create a means for implementing the functions / acts specified in one or more blocks of the flowchart and / or block diagram. These computer - readable program instructions can also be stored in a computer - readable storage medium, which causes a computer, a programmable data - processing apparatus, and / or other devices to operate in a particular manner, so that the computer - readable medium storing the instructions comprises a manufacture, which includes instructions for implementing various aspects of the functions / acts specified in one or more blocks of the flowchart and / or block diagram.

[0112] Computer-readable program instructions may also be loaded onto a computer, other programmable data processing apparatus, or other devices to cause a series of operational steps to be performed on the computer, other programmable data processing apparatus, or other devices to produce a computer-implemented process such that the instructions executed on the computer, other programmable data processing apparatus, or other devices implement the functions / acts specified in one or more boxes of the flowchart and / or block diagram.

[0113] The flowcharts and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagram may represent a module, a segment of code, or a portion of an instruction, which contains one or more executable instructions for implementing the specified logical function. In some alternative implementations, the functions noted in the blocks may occur out of the order noted in the figures. For example, two consecutive blocks may in fact be executed substantially in parallel, or they may sometimes be executed in the reverse order, depending upon the functionality involved. It should also be noted that each block of the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can be implemented by a dedicated hardware-based system that performs the specified function or act, or by a combination of dedicated hardware and computer instructions.

[0114] The embodiments of the present disclosure have been described above. The above description is exemplary, not exhaustive, and is not limited to the disclosed embodiments. Many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the described embodiments. The choice of terms used herein is intended to best explain the principles of the embodiments, the practical application, or improvements made to the technology in the marketplace, or to enable other ordinary skilled artisans in the art to understand the embodiments disclosed herein.

Claims

1. A method for displaying a proportion chart, characterized in that: include: In response to receiving a share graph display request, display a two-dimensional share graph, wherein the two-dimensional share graph represents a statistical result of performing statistics on the target data according to a first statistical dimension and a second statistical dimension; The two-dimensional proportion map includes a horizontal axis and a vertical axis, and a core area surrounded by the horizontal axis and the vertical axis; The core area includes multiple blocks, wherein the quantity ratio corresponding to the block in the Yth row and Xth column represents the quantity ratio of data belonging to the Yth second dimension category of the second statistical dimension and the Xth first dimension category of the first statistical dimension in the target data, and the width and height of each block are determined by the quantity ratio corresponding to each block and the total width and total height of the core area.

2. The method according to claim 1, characterized in that The width of each block includes: the product of the ratio of the number of blocks corresponding to the block to the total number of blocks in the row where the block is located and the total width of the core area; The height of each block includes: the product of the total proportion of all blocks in the row where the block is located and the total height of the core area.

3. The method according to claim 1, characterized in that The two-dimensional proportion graph displays the proportion of the data of each first dimension category in the first statistical dimension to the target data along the horizontal axis, and / or, the two-dimensional proportion graph displays the proportion of the data of each second dimension category in the second statistical dimension to the target data along the vertical axis.

4. The method according to claim 3, characterized in that Under the first statistical dimension displayed along the horizontal axis, the proportion of data of the Xth first dimension category in the target data is equal to the sum of the proportions of the corresponding blocks in the Xth column in the core area; under the second statistical dimension displayed along the vertical axis, the proportion of data of the Yth second dimension category in the target data is equal to the sum of the proportions of the corresponding blocks in the Yth row in the core area.

5. The method according to claim 3, characterized in that: In the two-dimensional proportion graph, under the first statistical dimension displayed along the horizontal axis, the width of the Xth first dimension category in the horizontal axis includes: the product of the proportion of the data of the Xth first dimension category in the quantity of the target data and the total width of the core area; In the second statistical dimension displayed along the vertical axis in the two-dimensional proportion graph, the height occupied by the Yth second dimension category in the vertical axis includes: the product of the proportion of the Yth second dimension category data in the quantity of target data and the total height of the core area.

6. The method according to claim 3, characterized in that The block at the Yth row and the Xth column also includes data scales belonging to both the Yth second dimension category of the second statistical dimension and the Xth first dimension category of the first statistical dimension; The two-dimensional proportion chart also displays the data scale of each first dimension category under the first statistical dimension along the horizontal axis; the data scale of the Xth first dimension category is the sum of the data scales corresponding to the blocks in the Xth column; The two-dimensional proportion diagram displays the data scale of each second dimension category under the second statistical dimension along the vertical axis; the data scale of the Yth second dimension category is the sum of the data scales corresponding to the blocks in the Yth row.

7. The method according to any one of claims 1 to 6, characterized in that: The proportion map display request also includes: a horizontal axis position for indicating the independent area; the core area includes the independent area and the non-independent area other than the independent area; The width of each block in the independent area indicated by the horizontal axis position includes: the product of the total number of all blocks in the column where the block is located and the total width of the core area; the height of each block in the independent area indicated by the horizontal axis position includes: the product of the ratio of the number of blocks corresponding to the block to the total number of all blocks in the column where the block is located and the total height of the core area; The width of each block in the non-independent area includes: the product of the ratio of the corresponding quantity proportion of the block to the total quantity proportion of all blocks in the non-independent area in the row where the block is located, and the width of the non-independent area; the height of each block in the non-independent area includes: the product of the ratio of the total quantity proportion of all blocks in the non-independent area in the row where the block is located to the total quantity proportion of all blocks in the non-independent area, and the height of the non-independent area.

8. The method according to any one of claims 1 to 6, characterized in that: Some or all of the blocks in the core area are associated with jump links, and the jump links are used to jump to the target page corresponding to the block, wherein the method further includes: In response to clicking any block associated with a jump link in the core area of ​​the two-dimensional ratio map, jumping to the corresponding target page.

9. The method according to claim 8, characterized in that The method further comprises: In response to the mouse position in the two-dimensional proportion graph, a corresponding prompt box is displayed, and the prompt box includes prompt information, at least one of the first dimension category and the second dimension category corresponding to the block where the mouse position is located, the quantity proportion, and the data scale. The prompt information is used to prompt the user to jump to the corresponding target page by clicking the block.

10. The method according to any one of claims 1 to 6, characterized in that: The method further comprises: In response to a zooming operation on the page where the two-dimensional ratio graph is located or a display area of ​​the two-dimensional ratio graph in the page, the two-dimensional ratio graph is scaled proportionally.

11. The method according to any one of claims 1 to 6, characterized in that: The method further comprises: In response to receiving the display parameters set by the user, triggering the proportion map display request according to the display parameters, so as to display the two-dimensional proportion map based on the display parameters; Among them, the display parameters include at least one of the following: the first statistical dimension, the second statistical dimension, the first dimension category corresponding to the independent area in the two-dimensional proportion map and the corresponding horizontal axis position, the total width and total height of the core area in the two-dimensional proportion map, the display color of each block, whether to display the data scale, whether to display the quantity proportion, whether to display the horizontal axis, and whether to display the vertical axis.

12. An electronic device, characterized in that: include: processor; a memory for storing processor-executable instructions; The processor is configured to implement the method described in any one of claims 1 to 11 when executing the instructions stored in the memory.

13. A non-volatile computer-readable storage medium having computer program instructions stored thereon, characterized in that: When the computer program instructions are executed by a processor, the method according to any one of claims 1 to 11 is implemented.

14. A computer program product, comprising a computer-readable code, or a non-volatile computer-readable storage medium carrying the computer-readable code, wherein when the computer-readable code is executed in a processor of an electronic device, the processor in the electronic device executes the method described in any one of claims 1 to 11.

Images