WO2018149258A1 - Data graphical display method, device, computing apparatus and computer readable storage medium - Google Patents

Data graphical display method, device, computing apparatus and computer readable storage medium Download PDF

Info

Publication number
WO2018149258A1
WO2018149258A1 PCT/CN2018/072355 CN2018072355W WO2018149258A1 WO 2018149258 A1 WO2018149258 A1 WO 2018149258A1 CN 2018072355 W CN2018072355 W CN 2018072355W WO 2018149258 A1 WO2018149258 A1 WO 2018149258A1
Authority
WO
WIPO (PCT)
Prior art keywords
data
size parameter
display area
graphic
center point
Prior art date
Application number
PCT/CN2018/072355
Other languages
French (fr)
Chinese (zh)
Inventor
谢磊
罗光
Original Assignee
广州神马移动信息科技有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 广州神马移动信息科技有限公司 filed Critical 广州神马移动信息科技有限公司
Publication of WO2018149258A1 publication Critical patent/WO2018149258A1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour

Definitions

  • the present invention relates to the field of data display technologies, and in particular, to a method, an apparatus, a computing device, and a computer readable storage medium for graphically displaying data.
  • Data is the representation and carrier of information. It can usually be displayed as symbols, words, numbers, voices, graphics, etc., in order to analyze the data. With the development of computer technology, the display of data has also been greatly improved. However, the inventor's research found that the graphical display of data still has deficiencies. For example, the rationality of the display needs to be improved.
  • a graphical display method for displaying data in a plurality of graphics in a predetermined display area, the method comprising: determining a minimum size parameter of a minimum graphic; A plurality of data parameters are respectively assigned to the plurality of data, so that each of the data corresponds to a graphic having a size parameter assigned thereto, so that the data having the smallest value is given between the minimum size parameter, the size parameter, and the value of the data.
  • the ratio of the area sum of the plurality of graphics corresponding to the plurality of data to the area of the display area is within a predetermined range; and for the plurality of data, respectively setting a plurality of corresponding sizes in the display area
  • the graphics of the parameters are such that the graphics do not overlap each other.
  • the plurality of data are automatically assigned with size parameters, so that the graphics corresponding to the size parameters given to each data can be evenly distributed within a predetermined range of the display area.
  • the graphics do not overlap each other, which is convenient for users to analyze data and improve user experience.
  • the step of respectively assigning the size parameter to the plurality of data comprises: determining a maximum size parameter of the data to be given the largest value based on the area of the display area, the minimum size parameter, and the plurality of data, the maximum size parameter satisfying the following a condition, based on the maximum size parameter and the minimum size parameter and the function correspondence relationship, a ratio of an area sum of the plurality of graphics corresponding to the plurality of size parameters respectively given to the plurality of data to an area of the display area is within a predetermined range; Based on the minimum size parameter, the maximum size parameter, the plurality of data, and the function correspondence, the size parameter to be given to each data is determined.
  • the graphic corresponding to each data can be determined to graphically display the data.
  • the graphic is circular, and the condition that the maximum size parameter meets includes:
  • n represents the nth graph
  • k represents the kth graph
  • r k represents the radius of the kth graph
  • p represents the ratio of the sum of the areas of the plurality of graphs to the area of the display area
  • S represents the area of the display area
  • i denotes the i-th data
  • r i denotes the radius of the graph corresponding to the i-th data
  • d i denotes the value of the i-th data
  • min_r denotes the minimum graph radius corresponding to the smallest data value
  • X denotes the maximum data value Maximum graphic radius
  • the obtained maximum graphic radius is taken as the maximum size parameter of the data to which the value is to be given the largest.
  • the step of respectively setting a plurality of graphics having corresponding size parameters in the display area comprises: determining, for each of the plurality of size parameters, the graphics center corresponding to the size parameter in a set step size a point such that, in a case where the graphic corresponding to the size parameter does not exceed the display area and does not overlap with the graphic already set in the display area, the distance between the center point of the graphic corresponding to the size parameter and the center point of the display area is the smallest; In the display area, a graphic having a corresponding size parameter is set centering on the determined center point of the graphic.
  • the graphics corresponding to the size parameters given to each data are respectively set in the display area, which is convenient for the user to perform data analysis.
  • the set step size is 1/N of the length or width of the display area, or the set step size is 1/M of the size parameter, and both M and N are natural numbers greater than 1.
  • the step size set by the length or width or the size parameter of the display area is accurately determined, and the center point of the figure is accurately determined in the area where the corresponding figure does not exceed the display area, and the calculation amount can be greatly reduced, and the calculation performance can be improved.
  • the step of sequentially determining the center point of the graphic corresponding to the size parameter in the set step size comprises: starting from a center point of the display area, and pressing the set The step size determines that the distance from the boundary of the display area is not less than the traversal point of the size parameter; determining that the center point is not overlapped from the traversal point, wherein the graphic with the non-overlapping center point as the center point of the graphic and having the size parameter is not displayed The graphics that have been set in the area overlap; and the non-overlapping center point that has the smallest distance from the center point of the display area is selected as the center point of the graphic corresponding to the size parameter.
  • the traversal point is limited according to the set step size so that the graphic does not exceed the display area, and then the non-overlapping center point with the smallest distance from the center point is selected to improve the calculation performance and precision, and improve the user experience.
  • the display area is divided into a plurality of display portions by a straight line passing through the center point thereof, wherein for each of the plurality of size parameters, the graphic center corresponding to the size parameter is sequentially determined in the set step size
  • the ratio of the area sum of the plurality of graphics corresponding to the plurality of data to the area of the display area is a golden ratio; and/or the monotonically increasing function correspondence is a linear increasing function relationship; and/or the graphic is a circle, the size parameter Is the radius.
  • the corresponding data is better graphically displayed, which is convenient for the user to perform comparative analysis of data and improve the user experience.
  • a graphical display method for displaying data in a plurality of graphics in a predetermined display area comprising:
  • a graphic having a size parameter assigned to the data is obtained as a graphic corresponding to the data, and a ratio of an area sum of the plurality of graphics corresponding to the plurality of data to an area of the display area is predetermined Within the scope;
  • a plurality of graphics corresponding to the plurality of data are respectively disposed in the display area.
  • the step of separately setting a plurality of graphics corresponding to the plurality of data in the display area includes:
  • a plurality of graphics corresponding to the plurality of data are respectively disposed within the display area without overlapping each other.
  • the step of respectively assigning the size parameter to the plurality of data includes:
  • a size parameter assigned to each of the data is determined based on the minimum size parameter, the maximum size parameter, the plurality of data, and the function correspondence.
  • the step of separately setting a plurality of graphics corresponding to the plurality of data in the display area includes:
  • a graphic having a corresponding size parameter is set centering on the determined center points of the respective graphics.
  • the step of separately setting a plurality of graphics corresponding to the plurality of data in the display area includes:
  • a graphic having a corresponding size parameter is set centering on the determined center points of the respective graphics.
  • a graphical display device for displaying data in a plurality of graphics in a predetermined display area, the device comprising: determining means for determining a minimum size parameter of the minimum figure; an evaluation means for respectively assigning a size parameter to the plurality of data according to the value of each data, and obtaining a plurality of size parameters, so that each data corresponds to a figure having a size parameter given thereto, such that the value
  • the minimum data is given a minimum size parameter, and the size parameter and the value of the data have a monotonically increasing function correspondence relationship, and the ratio of the area sum of the plurality of graphics corresponding to the plurality of data to the area of the display area is within a predetermined range;
  • setting means for respectively setting a plurality of graphics having corresponding size parameters in the display area so as not to overlap each other for the plurality of data.
  • the evaluation device may include: a first evaluation device, configured to determine a maximum size parameter of the data to be given the largest value based on the area of the display area, the minimum size parameter, and the plurality of data, the maximum size parameter satisfying the following The condition is based on the maximum size parameter and the minimum size parameter and the function correspondence relationship, and the ratio of the total area of the plurality of graphics corresponding to the plurality of size parameters respectively given to the plurality of data to the area of the display area is within a predetermined range.
  • the second assigning means is configured to determine a size parameter to be given to each data based on the minimum size parameter, the maximum size parameter, the plurality of data, and the function correspondence.
  • the setting device may include: a central determining device, configured to determine, for each of the plurality of size parameters, a graphic center point corresponding to the size parameter in a set step size, so that the size is When the graphic corresponding to the parameter does not exceed the display area and does not overlap with the graphic already set in the display area, the distance between the center point of the graphic corresponding to the size parameter and the center point of the display area is the smallest.
  • a graphic setting device configured to set a graphic having a corresponding size parameter centering on the determined graphic center point in the display area.
  • the central determining device may include: a traversing point determining device, configured to determine, according to the set step, a distance from a boundary of the display area that is not less than a traversal point of the size parameter, starting from a center point of the display area; a point determining means for determining a non-overlapping center point from the traversing point, wherein the pattern having the non-overlapping center point as a graphic center point and having the size parameter does not overlap with a pattern already set in the display area; the center point selecting means is used for A non-overlapping center point having the smallest distance from the center point of the display area is selected as a graphic center point corresponding to the size parameter.
  • the display area is divided into a plurality of display parts by a straight line passing through the center point thereof, wherein the center determining means may include: selecting means for randomly or sequentially selecting one display part from the plurality of display parts; local center determination And means for determining a graphic center point corresponding to the size parameter in the selected display portion.
  • a computing device including: a memory for storing a plurality of data; and a display for displaying a plurality of data in a plurality of graphics in a predetermined display area thereof, The size parameter of each of the graphics corresponds to the value of the data corresponding to the graphic; and the processor executes the method according to the above to set a plurality of graphics corresponding to the plurality of data, and instructs the display to display the plurality of graphics.
  • a computer readable storage medium comprising a computer program, the computer program runtime controlling a computing device where the computer readable storage medium is executed The method steps described above.
  • the plurality of data are respectively assigned corresponding size parameters according to the determined minimum size parameter, so that the graphic corresponding to the plurality of size parameters can be reasonably displayed within the predetermined area of the display area, thereby improving the user experience.
  • FIG. 1 is a flow chart showing a method for graphically displaying data according to an embodiment of the present invention.
  • FIG. 2 is a schematic diagram showing a function correspondence relationship according to an embodiment of the present invention.
  • FIG. 3 is a flow chart showing a method for respectively assigning size parameters to a plurality of data according to an embodiment of the present invention.
  • FIG. 4 is a flow chart of a method for setting a plurality of graphics in a display area according to an embodiment of the invention.
  • FIG. 5 is a flow chart showing a method for determining a center point of a graphic according to an embodiment of the present invention.
  • FIG. 6 is a schematic block diagram of a graphical display device for data provided by an embodiment of the present invention.
  • FIG. 7 is a schematic block diagram of an evaluation device according to an embodiment of the invention.
  • FIG. 8 is a schematic block diagram of a setting device according to an embodiment of the invention.
  • FIG. 9 is a schematic block diagram of a center determining apparatus according to an embodiment of the present invention.
  • FIG. 10 is a schematic block diagram of a computing device according to an embodiment of the invention.
  • FIG. 11 to FIG. 15 illustrate an exemplary application example provided by an embodiment of the present invention.
  • Fig. 16 shows an exemplary effect diagram of an embodiment of the present invention.
  • the embodiment of the present invention proposes a graphical display scheme of data to reasonably display a plurality of data in the form of a plurality of graphics in a predetermined display area.
  • FIG. 1 is a flowchart of a graphical display method of data according to an embodiment of the present invention.
  • step S110 a minimum size parameter of the minimum figure is determined
  • the graphics may be uniformly set in advance, and the graphics may refer to various shapes of graphics such as a circle, a regular polygon, and a sector, and may be two-dimensional, three-dimensional, or other dimensional graphics, or may be animal shapes or the like.
  • the size parameter may refer to a radius of a circle, a side length of a regular polygon, a radius of a sector, and a central angle.
  • the minimum size parameter may be user-entered, or may be automatically determined based on the size and/or resolution of the display area, or otherwise determined.
  • step S120 a plurality of data are respectively assigned size parameters, and a plurality of size parameters are obtained, so that each data corresponds to a figure having a size parameter given thereto.
  • the source of the data may be basic data such as search engine spider data, website IP or PV, website traffic source data, etc., or various statistical data, and may have data values to reflect the size of the data.
  • the data can be queried in real time, and the amount of data (the number of data) or the value of the data can vary depending on the data or the source of the data.
  • the size of the value of the data may be reflected by a graph having a certain size parameter, and each data is assigned a corresponding size parameter.
  • the graphics corresponding to each data may have different shape and size, or may have the same shape but different dimensional parameters, so that the user can compare the values of multiple data according to the size parameters of multiple graphics.
  • the size parameter may be assigned to a plurality of data respectively according to a predetermined assignment rule.
  • a plurality of size parameters of equal variation may be preset, and the number of the size parameters may be the same as or different from the number of data, and the size parameter is automatically given to the plurality of data according to the amount of data or the value of the data.
  • Data with a larger value may correspond to a larger size parameter
  • data with a smaller data value may correspond to a smaller size parameter
  • two data with the same data value may be assigned the same size parameter or the like accordingly. At the same time, it should also be ensured that the data with the smallest value is given the minimum size parameter.
  • the size parameter and the value of the data can also satisfy the monotonically increasing function correspondence relationship, and the minimum size parameter is given to the data with the smallest data value. As the data value increases, the corresponding graphic corresponding to the data is correspondingly increased. Size parameters.
  • FIG. 2 is a graph showing an exemplary function correspondence relationship of an embodiment of the present invention. As shown in FIG. 2, the abscissa shows the data value X, the ordinate shows the corresponding size parameter Y, and the function correspondence curve is as shown.
  • the functional relationship of the two variables can be regarded as a linearly increasing function correspondence, corresponding to the point response function shown on the straight line 2 and near the straight line in FIG.
  • the size parameter is assigned to the values of the plurality of data in this linear function relationship.
  • the functional relationship between the two variables can be regarded as a nonlinear monotonically increasing function correspondence, with the point reaction shown in curve 1 or curve 3 and the curve in FIG.
  • the function corresponds to the result
  • the size parameter is assigned to the value of the plurality of data by the nonlinear function relationship distribution.
  • the data parameter may be given a size parameter by a function relationship corresponding to the curve 1 in FIG. 2 .
  • the size parameter corresponding to the value of the data may be appropriately increased to facilitate analysis of multiple data in the dense area.
  • a plurality of size parameters may be added to the size parameter list, and a correspondence relationship between each size parameter and the value of the data is recorded in the size parameter list, so that a plurality of size parameters corresponding to the plurality of data can be conveniently obtained from the size parameter list.
  • the display area In order to enable a plurality of graphics to be completely displayed in the display area, it is also necessary to set a range condition of the display, and set a ratio of a total area of the plurality of graphics corresponding to the plurality of data to an area of the display area within a predetermined range.
  • the ratio of the size or area of the predetermined range may be preset or may be modified as appropriate.
  • the predetermined range can be set to, for example, 0.5 to 0.8 or 0.55 to 0.65 or the like.
  • the ratio of the area can be set to be close to or equal to the golden ratio of 0.618, etc., so that the displayed multiple graphics are generally more beautiful, so that the user can clearly and comfortably view the complete graphic in the display area, which is convenient for the user to view. data analysis.
  • step S130 for the plurality of data, a plurality of graphics having respective size parameters are respectively set in the display area so that the graphics do not overlap each other.
  • the display area may be in the shape of a rectangle or a circle, and the size of the display area may be preset or may be automatically determined according to the size or resolution of the display screen.
  • Graphic settings can be random to increase freshness and enhance the user experience.
  • Each graphic does not overlap each other and can be separated by a predetermined distance for the user to view.
  • the size parameter of the display graphic can be automatically adjusted according to the generated data and displayed reasonably, thereby improving the user experience.
  • FIG. 3 is a flowchart of a method for respectively assigning size parameters to a plurality of data according to an embodiment of the present invention.
  • step S121 the maximum size parameter of the data to which the value is to be given is determined.
  • the maximum size parameter of the data to which the value is to be maximized may be determined based on the area of the display area, the minimum size parameter, and the plurality of data.
  • the maximum size parameter can satisfy a predetermined condition. For example, based on the maximum size parameter and the minimum size parameter and the function correspondence relationship, the ratio of the total area of the plurality of graphics corresponding to the plurality of size parameters respectively given to the plurality of data to the area of the display area is within a predetermined range.
  • the corresponding size parameter is the circle radius r
  • the function correspondence is assumed to be a linear increasing function relationship.
  • the area of the display area can be represented by S, the ratio of the sum of the areas of the plurality of patterns to the area of the display area is p, and the maximum circle radius is x, and the corresponding relation is:
  • n represents the nth circle
  • k represents the kth circle
  • r k represents the radius of the circle of the kth circle.
  • the calculation steps can be as follows:
  • i denotes the i-th data
  • r i denotes the radius of the circle corresponding to the i-th data
  • d i denotes the value of the i-th data
  • min_r denotes the minimum circle radius corresponding to the smallest data value.
  • the maximum graphic radius can be obtained (only the positive root is retained):
  • the maximum circle radius max_r can be obtained.
  • the obtained maximum graphic radius is the maximum size parameter of the data to which the value is to be given the largest.
  • step S123 based on the minimum size parameter, the maximum size parameter, the plurality of data, and the function correspondence, the size parameter to be given to each data is determined. For example, according to the obtained max_r and the known min_r, the circle radius size of the graphic corresponding to each data can be obtained by combining formula 2. That is, multiple size parameters are assigned to each of the plurality of data.
  • Multiple size parameters can be added to the size parameter list to facilitate the acquisition of size parameters and timely display of the graphics corresponding to the size parameters.
  • FIG. 4 is a flowchart of a method for setting multiple graphics in the display area according to an embodiment of the present invention. .
  • step S131 for each of the plurality of size parameters, the center point of the figure may be determined in sequence with the set step size.
  • the set step size can be any value set, and the center point of the graph can be quickly determined according to the set step size.
  • the set step size may also be 1/N of the length or width of the display area, or may be 1/M of the size parameter, and both M and N are natural numbers greater than 1, and the value range may be 2-5. Or other scope.
  • both M and N may have a value of 3. This improves calculation performance and accuracy.
  • the determined graphic center point needs to satisfy the legal condition. For example, the graphic corresponding to the center point of the graphic does not exceed the display area; the graphic corresponding to the central point of the graphic does not overlap with the graphic already set in the display area, and the like.
  • determining whether the center point of the graphic satisfies the legal condition it may be determined in a certain order, for example, whether the graphic corresponding to the center point of the graphic does not exceed the display area, or whether the graphic corresponding to the center point of the graphic does not overlap with the already set graphic. Or replace the order of legal conditions, or judge at the same time.
  • the distance between the center point of the graphic and the center point of the display area can be minimized, etc., while satisfying the legal conditions.
  • the center point of the graphic is conveniently determined, and the graphic corresponding to the plurality of data can be collectively presented in a cluster.
  • step S133 in the display area, a graphic having a corresponding size parameter is set centering on the determined center point of the graphic.
  • the display area may be a rectangle, and the plurality of data may be displayed in a circle, in which case the center point of the figure is the center of the circle.
  • the center point of the display area is the coordinate origin
  • the abscissa axis is the x-axis
  • the ordinate axis is the y-axis
  • the center coordinate is (x, y)
  • the distance between the center of the circle and the center point is L.
  • the radius of each circle corresponding to each data may be determined according to the foregoing method or other methods, and added to the size parameter list.
  • FIG. 5 is a flow chart showing a method for determining a center point of a graphic according to an embodiment of the present invention.
  • step S1311 the distance from the boundary of the display area is determined not to be smaller than the traversal point of the size parameter by using the center point of the display area as a starting point. Thereby, the distance from the boundary of the display area can be excluded from the traversal point of the size parameter, and the pattern corresponding to the size parameter is prevented from exceeding the range of the display area.
  • a non-overlapping center point is determined from the traversal points, wherein the pattern having the non-overlapping center point as a graphic center point and having the size parameter does not overlap with the pattern already set in the display area.
  • the non-overlapping center point means that, assuming that the graphic center point of the size parameter is set at the traversal point position, the graphic corresponding to the size parameter has no overlap with the already set graphic, and the traversal point is referred to as a non-overlapping center point.
  • the non-overlapping center points are selected from the traversal points to avoid the occurrence of pattern overlap.
  • step S1315 the non-overlapping center point having the smallest distance from the center point of the display area is selected as the graphic center point corresponding to the size parameter.
  • the position of the center point of the graphic is set as close as possible to the center of the display area, facilitating data comparison and analysis.
  • the graphic center point can be quickly determined, and the display area can also be divided into a plurality of display portions.
  • a display portion may be randomly or sequentially selected from the plurality of display portions, in the selected display. Determine the center point of its graphics in the section.
  • a display portion may be randomly selected from a plurality of display portions, and whether a graphic center point conforming to a legal condition exists in the display portion is detected. If present, the center point of the graphic is determined in the display portion. If it does not exist, one or more of the remaining display portions may be randomly selected, and it is detected again whether there is a graphic center point satisfying the legal condition in the selected one or more display portions until the graphic center point is determined.
  • the method is also suitable for determining the graphic center point of the remaining plurality of data, and details are not described herein again.
  • the embodiment of the invention further provides a graphical display method for displaying a plurality of data in a plurality of graphics in a predetermined display area, the method comprising:
  • a graphic having a size parameter assigned to the data is obtained as a graphic corresponding to the data, and a ratio of an area sum of the plurality of graphics corresponding to the plurality of data to an area of the display area is predetermined Within the scope;
  • a plurality of graphics corresponding to the plurality of data are respectively disposed in the display area.
  • the step of separately setting a plurality of graphics corresponding to the plurality of data in the display area includes:
  • a plurality of graphics corresponding to the plurality of data are respectively disposed within the display area without overlapping each other.
  • FIG. 6 is a schematic block diagram of a graphical display device 600 for data, which is referred to as a display device 600.
  • the display device 600 includes a determining device 610, an assigning device 620, and a setting device 630, respectively implementing the graphical display method shown in FIG.
  • the determining means 610 is operative to determine a minimum size parameter of the minimum figure.
  • the determining device 610 can be an input or output device, such as a mouse, keyboard, etc., to allow the user to enter a minimum size parameter.
  • the determining device 610 can also be other corresponding devices, such as devices that can automatically determine a minimum size parameter based on a display screen or resolution.
  • the evaluation device 620 is configured to respectively assign a size parameter to the plurality of data to obtain a plurality of size parameters, so that each data corresponds to a graphic having a size parameter given thereto, so that the data with the smallest value is given the minimum size parameter, the size parameter and There is a monotonically increasing function correspondence between the values of the data, and the ratio of the area sum of the plurality of graphics corresponding to the plurality of data to the area of the display area is within a predetermined range.
  • the evaluation device 620 can include a determination unit (not shown) to determine a corresponding size parameter assigned to each data based on the values of the plurality of data.
  • the evaluation device 620 may also include a calculation unit (not shown) to facilitate calculation of the size parameters assigned to the plurality of data.
  • the computing unit can also maintain one or more function correspondences to facilitate the assignment of appropriate dimensional parameters to the generated data at any time.
  • the evaluation device 620 may also include other sub-units or sub-devices to implement other functions. A schematic structure of the evaluation device 620 is described below with reference to FIG.
  • FIG. 7 is a schematic block diagram of an evaluation device 620 according to an embodiment of the invention.
  • the evaluation device 620 can include a first evaluation device 621 and a second evaluation device 622.
  • the first evaluation device 621 may determine a maximum size parameter of data to be given the largest value based on an area of the display area, a minimum size parameter, and a plurality of data, the maximum size parameter satisfying a condition based on the maximum size parameter and the minimum size parameter And a function correspondence relationship, the ratio of the total area of the plurality of graphics corresponding to the plurality of size parameters respectively given to the plurality of data to the area of the display area is within a predetermined range.
  • the first evaluation means 621 may be a computing means for performing a process of determining the maximum size parameter of the data in the embodiment of the present invention.
  • the second evaluation device 622 can determine the size parameter to be assigned to each data based on the minimum size parameter, the maximum size parameter, the plurality of data, and the function correspondence.
  • the setting means 630 can be configured to respectively set a plurality of graphics having respective size parameters in the display area for the plurality of data so that the images do not overlap each other. Thereby, a graphical display of the data is achieved.
  • a schematic structure of the setting device 630 is further described below with reference to FIGS. 8 and 9.
  • FIG. 8 is a schematic block diagram of a setting device 630 according to an embodiment of the invention.
  • the setting device 630 may include a center determining device 631 and a graphic setting device 632.
  • the center determining means 631 can be configured to determine, for each of the plurality of size parameters, the graphic center point corresponding thereto in a set step size such that the corresponding graphic does not exceed the display area and is not in the display area In the case where the already set graphics overlap, the distance between the center point of the graphic and the center point of the display area is the smallest.
  • the graphic setting means 632 may set a graphic having a corresponding size parameter centering on the determined graphic center point in the display area.
  • FIG. 9 is a schematic block diagram of a center determining device 631 according to an embodiment of the present invention.
  • the center determining means 631 may include a traversing point determining means 6311, a legal point determining means 6313, and a center point selecting means 6315.
  • the traversing point determining means 6311 may determine the distance from the boundary of the display area not less than the traversal point of the size parameter by the set step size starting from the center point of the display area.
  • the legal point determining means 6313 can be used to determine a non-overlapping center point from the traversing points, wherein the pattern having the non-overlapping center point as a graphic center point and having the size parameter does not overlap with the pattern already set in the display area.
  • the center point selecting means 6315 can be used to select a non-overlapping center point having the smallest distance from the center point of the display area as a graphic center point corresponding to the size parameter.
  • the center determining means 631 may further include a selecting means 6317 and a local center determining means 6319.
  • the selecting means 6317 can be used to randomly or sequentially select one of the plurality of display portions.
  • the local center determining means 6319 can be used to determine a graphical center point in the selected display portion.
  • FIG. 10 shows a schematic block diagram of a computing device in accordance with an embodiment of the present invention.
  • computing device 1000 in an embodiment of the present invention may include a memory 1100, a display 1200, and a processor 1300.
  • the memory 1100 can be used to store a plurality of data.
  • the memory 1100 can be various types of storage devices such as system memory, read only memory (ROM), and permanent storage devices.
  • the memory can also be used to store a list of size parameters or a list of current distances, and the like.
  • the display 1200 can be used to display a plurality of graphics in the form of a plurality of graphics within its predetermined display area, wherein the size parameters of each of the graphics correspond to the values of the data to which they correspond, respectively.
  • Display 1200 can include various types of imaging devices, such as cathode ray tubes (CRTs), liquid crystal displays (LCDs), light emitting diodes (LEDs), including organic light emitting diodes (OLEDs), projection systems, and the like, and can also include other supporting electronics.
  • CTRs cathode ray tubes
  • LCDs liquid crystal displays
  • LEDs light emitting diodes
  • OLEDs organic light emitting diodes
  • Display 1200 can include various types of imaging devices, such as cathode ray tubes (CRTs), liquid crystal displays (LCDs), light emitting diodes (LEDs), including organic light emitting diodes (OLEDs), projection systems, and the like, and can also include other supporting electronics.
  • Devices such as DACs, ADCs, signal processors, and the like.
  • the processor 1300 can perform the methods illustrated in FIGS. 1 through 5 to set a plurality of graphics corresponding to the plurality of data and instruct the display 1200 to display the plurality of graphics.
  • the display area can be first divided into four display parts A, B, C, and D, and the point O is the center point of the display area.
  • the specific display process is as follows:
  • the center point O of the display area can be used as the center, and the radius of the circle is 8 draw a circle and get the result shown in Figure 12.
  • Figure 16 is a diagram showing the effect provided by an embodiment of the present invention.
  • a plurality of data are displayed in a circular shape in a display area of the user interface to analyze an interest tag of a single user.
  • the strength of the data information corresponding to the circle can be determined, and the analysis of the data can be realized.
  • a graphical display method, apparatus, computing device, and computer readable storage medium for data according to an embodiment of the present invention have been described in detail above with reference to the accompanying drawings.
  • a plurality of data can be displayed in a graphical form within a predetermined display area.
  • the method according to an embodiment of the invention may also be implemented as a computer program comprising computer program code instructions for performing the steps of the above-described methods of embodiments of the invention.
  • a method according to an embodiment of the invention may also be implemented as a computer program product comprising a computer readable medium having stored thereon, defined in the above method for performing an embodiment of the invention, A computer program for the above functions.
  • the various illustrative logical blocks, modules, circuits, and algorithm steps described in connection with the disclosure herein may be implemented as electronic hardware, computer software, or combinations of both.
  • each block of the flowchart or block diagram can represent a module, a program segment, or a portion of code that includes one or more of the Executable instructions.
  • the functions noted in the blocks may also occur in a different order than the ones in the drawings. For example, two consecutive blocks may be executed substantially in parallel, and they may sometimes be executed in the reverse order, depending upon the functionality involved.
  • each block of the block diagrams and/or flowcharts, and combinations of blocks in the block diagrams and/or flowcharts can be implemented in a dedicated hardware-based system that performs the specified function or operation. Or it can be implemented by a combination of dedicated hardware and computer instructions.
  • the method, the device, the electronic device and the computer readable storage medium for displaying the data provided by the embodiment of the present invention can be customized in the predetermined display area by assigning corresponding data parameters and center points to the plurality of data respectively.
  • the form of the graphic reasonably displays multiple data to improve the integrity and rationality of the data display, thereby improving the user experience.

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)

Abstract

Disclosed is a data graphical display method, device, computing apparatus and computer readable storage medium. The data graphical display method is used for displaying multiple pieces of data as multiple images in a preset display region. The method comprises: determining a smallest size parameter of a smallest image; respectively assigning size parameters to multiple pieces of data to obtain multiple size parameters, such that each piece of the data corresponds to an image having a size parameter assigned thereto, and the data having a smallest value is assigned with a smallest size parameter, wherein a corresponding relationship having a monotonically increasing function exists between values of the size parameter and the data, and a ratio between a sum of areas of multiple images corresponding to the multiple pieces of data and an area of the display region is within a preset range; and with respect to the multiple pieces of data, respectively configuring, in the display region, multiple images having corresponding size parameters so as to prevent overlapping between the images. Thus, images corresponding to multiple size parameters can be reasonably displayed in the preset region range of the display region, thus facilitating data analysis.

Description

数据的图形化展示方法、装置、计算设备及计算机可读存储介质Graphical display method, device, computing device and computer readable storage medium for data
相关申请的交叉引用Cross-reference to related applications
本申请要求于2017年02月14日提交中国专利局的申请号为CN201710078285.4,名称为“数据的图形化展示方法、装置及计算设备”的中国专利申请的优先权,其全部内容通过引用结合在本申请中。This application claims priority to Chinese Patent Application No. CN201710078285.4, entitled "Graphic Display Method, Apparatus and Computing Equipment for Data", filed on February 14, 2017, the entire contents of which are hereby incorporated by reference. Combined in this application.
技术领域Technical field
本发明涉及数据显示技术领域,特别涉及一种数据的图形化展示方法、装置、计算设备及计算机可读存储介质。The present invention relates to the field of data display technologies, and in particular, to a method, an apparatus, a computing device, and a computer readable storage medium for graphically displaying data.
背景技术Background technique
数据是信息的表现形式和载体,通常可以将数据展示为符号、文字、数字、语音、图形等,以便于对数据进行分析。随着计算机技术的发展,数据的展示也得到了很大的提升。然而,经发明人研究发现,数据的图形化展示仍然存在不足。例如,显示的合理性有待提高。Data is the representation and carrier of information. It can usually be displayed as symbols, words, numbers, voices, graphics, etc., in order to analyze the data. With the development of computer technology, the display of data has also been greatly improved. However, the inventor's research found that the graphical display of data still has deficiencies. For example, the rationality of the display needs to be improved.
发明内容Summary of the invention
本发明的目的是提供一种数据的图形化展示方法、装置、计算设备及计算机可读存储介质,其能够提高数据图形化显示的合理性。It is an object of the present invention to provide a graphical display method, apparatus, computing device, and computer readable storage medium for data that can improve the rationality of graphical display of data.
根据本发明实施例的一个方面,提供了一种数据的图形化展示方法,用于在预定显示区域内以多个图形的形式展示多个数据,该方法包括:确定最小图形的最小尺寸参数;为多个数据分别赋予尺寸参数,得到多个尺寸参数,从而每个数据对应于具有为其赋予的尺寸参数的图形,使得值最小的数据被赋予最小尺寸参数,尺寸参数和数据的值之间具有单调递增的函数对应关系,并且多个数据对应的多个图形的面积总和与显示区域的面积的比值在预定范围之内;以及针对多个数据,在显示区域内分别设置多个具有相应尺寸参数的图形,使各图形相互不重叠。According to an aspect of an embodiment of the present invention, there is provided a graphical display method for displaying data in a plurality of graphics in a predetermined display area, the method comprising: determining a minimum size parameter of a minimum graphic; A plurality of data parameters are respectively assigned to the plurality of data, so that each of the data corresponds to a graphic having a size parameter assigned thereto, so that the data having the smallest value is given between the minimum size parameter, the size parameter, and the value of the data. Having a monotonically increasing function correspondence relationship, and the ratio of the area sum of the plurality of graphics corresponding to the plurality of data to the area of the display area is within a predetermined range; and for the plurality of data, respectively setting a plurality of corresponding sizes in the display area The graphics of the parameters are such that the graphics do not overlap each other.
由此,根据变化的数据的量或数据的值,自动为多个数据分别赋予尺寸参数,使得每个数据对应的具有为其赋予的尺寸参数的图形能够均匀分布,在显示区域的预定范围内图形相互不重叠,方便用户进行数据分析,提升用户体验。Thereby, according to the amount of changed data or the value of the data, the plurality of data are automatically assigned with size parameters, so that the graphics corresponding to the size parameters given to each data can be evenly distributed within a predetermined range of the display area. The graphics do not overlap each other, which is convenient for users to analyze data and improve user experience.
可选地,为多个数据分别赋予尺寸参数的步骤包括:基于显示区域的面积、最小尺寸参数、以及多个数据,确定将要赋予值最大的数据的最大尺寸参数,该最大尺寸参数满足下述条件,基于该最大尺寸参数和最小尺寸参数以及函数对应关系,为多个数据分别赋予的多个尺寸参数所对应的多个图形的面积总和与显示区域的面积的比值在预定范围之内;以及基于最小尺寸参数、最大尺寸参数、多个数据以及函数对应关系,确定将赋予每个数据的尺寸参数。Optionally, the step of respectively assigning the size parameter to the plurality of data comprises: determining a maximum size parameter of the data to be given the largest value based on the area of the display area, the minimum size parameter, and the plurality of data, the maximum size parameter satisfying the following a condition, based on the maximum size parameter and the minimum size parameter and the function correspondence relationship, a ratio of an area sum of the plurality of graphics corresponding to the plurality of size parameters respectively given to the plurality of data to an area of the display area is within a predetermined range; Based on the minimum size parameter, the maximum size parameter, the plurality of data, and the function correspondence, the size parameter to be given to each data is determined.
由此,通过确定的每个数据的尺寸参数,可以确定每个数据对应的图形,以将数据图形化展示。Thus, by determining the size parameter of each data, the graphic corresponding to each data can be determined to graphically display the data.
可选地,所述图形为圆形,所述最大尺寸参数满足的条件包括:Optionally, the graphic is circular, and the condition that the maximum size parameter meets includes:
Figure PCTCN2018072355-appb-000001
Figure PCTCN2018072355-appb-000001
其中,n表示第n个图形,k表示第k个图形,r k表示第k个图形的半径,p表示多个图形的面积的总和与显示区域的面积的比值,S表示显示区域的面积; Where n represents the nth graph, k represents the kth graph, r k represents the radius of the kth graph, p represents the ratio of the sum of the areas of the plurality of graphs to the area of the display area, and S represents the area of the display area;
基于所述显示区域的面积、所述最小尺寸参数以及所述多个数据,确定将要赋予值最大的数据的最大尺寸参数的步骤,包括:And determining, according to an area of the display area, the minimum size parameter, and the plurality of data, a maximum size parameter of data to be given the largest value, comprising:
从所述多个数据中查找最大数据值max_d和最小数据值min_d,其中,d表示数据的值;Finding a maximum data value max_d and a minimum data value min_d from the plurality of data, wherein d represents a value of the data;
根据以下公式等比缩放每一个图形的半径:Scale the radius of each graphic according to the following formula:
Figure PCTCN2018072355-appb-000002
Figure PCTCN2018072355-appb-000002
其中,i表示第i个数据,r i表示第i个数据对应的图形半径,d i表示第i个数据的值,min_r表示对应于最小数据值的最小图形半径,X表示对应于最大数据值的最大图形半径; Where i denotes the i-th data, r i denotes the radius of the graph corresponding to the i-th data, d i denotes the value of the i-th data, min_r denotes the minimum graph radius corresponding to the smallest data value, and X denotes the maximum data value Maximum graphic radius;
得到以下方程:Get the following equation:
Figure PCTCN2018072355-appb-000003
Figure PCTCN2018072355-appb-000003
Figure PCTCN2018072355-appb-000004
make
Figure PCTCN2018072355-appb-000004
Figure PCTCN2018072355-appb-000005
Figure PCTCN2018072355-appb-000005
Figure PCTCN2018072355-appb-000006
Figure PCTCN2018072355-appb-000006
根据以下公式计算得到最大图形半径:Calculate the maximum graphic radius according to the following formula:
Figure PCTCN2018072355-appb-000007
Figure PCTCN2018072355-appb-000007
将得到的所述最大图形半径作为将要赋予值最大的数据的最大尺寸参数。The obtained maximum graphic radius is taken as the maximum size parameter of the data to which the value is to be given the largest.
可选地,在显示区域内分别设置多个具有相应尺寸参数的图形的步骤包括:对于多个尺寸参数中的每一个尺寸参数,依次以设定的步长确定与该尺寸参数对应的图形中心点,使得在与该尺寸参数对应的图形不超出显示区域且不与显示区域中已经设置的图形重叠的情况下,与该尺寸参数对应的图形中心点与显示区域的中心点的距离最小;以及在显示区域中,以所确定的图形中心点为中心,设置具有对应的尺寸参数的图形。Optionally, the step of respectively setting a plurality of graphics having corresponding size parameters in the display area comprises: determining, for each of the plurality of size parameters, the graphics center corresponding to the size parameter in a set step size a point such that, in a case where the graphic corresponding to the size parameter does not exceed the display area and does not overlap with the graphic already set in the display area, the distance between the center point of the graphic corresponding to the size parameter and the center point of the display area is the smallest; In the display area, a graphic having a corresponding size parameter is set centering on the determined center point of the graphic.
由此,将每个数据对应的具有为其赋予的尺寸参数的图形分别设置在显示区域内,便于用户进行数据分析。Thereby, the graphics corresponding to the size parameters given to each data are respectively set in the display area, which is convenient for the user to perform data analysis.
可选地,设定的步长是显示区域的长或宽的1/N,或者设定的步长是尺寸参数的1/M,M和N均为大于1的自然数。Optionally, the set step size is 1/N of the length or width of the display area, or the set step size is 1/M of the size parameter, and both M and N are natural numbers greater than 1.
由此,由显示区域的长或宽或尺寸参数限制设定的步长,准确将图形中心点确定在其对应的图形不超出显示区域的区域内,能够大幅降低计算量,提高计算性能。Thereby, the step size set by the length or width or the size parameter of the display area is accurately determined, and the center point of the figure is accurately determined in the area where the corresponding figure does not exceed the display area, and the calculation amount can be greatly reduced, and the calculation performance can be improved.
可选地,对于多个尺寸参数中的每一个尺寸参数,依次以设定的步长确定与该尺寸参数对应的图形中心点的步骤包括:以显示区域的中心点为起点,按设定的步长确定与显示区域的边界的距离不小于该尺寸参数的遍历点;从遍历点中确定不重叠中心点,其中,以不重叠中心点为图形中心点且具有该尺寸参数的图形不与显示区域中已经设置的图形重叠;以及选择与显示区域的中心点的距离最小的不重叠中心点,作为对应于该尺寸参数的图形中心点。Optionally, for each of the plurality of size parameters, the step of sequentially determining the center point of the graphic corresponding to the size parameter in the set step size comprises: starting from a center point of the display area, and pressing the set The step size determines that the distance from the boundary of the display area is not less than the traversal point of the size parameter; determining that the center point is not overlapped from the traversal point, wherein the graphic with the non-overlapping center point as the center point of the graphic and having the size parameter is not displayed The graphics that have been set in the area overlap; and the non-overlapping center point that has the smallest distance from the center point of the display area is selected as the center point of the graphic corresponding to the size parameter.
由此,根据设定的步长将遍历点限制在使图形不超出显示区域的范围内,再从中选取与中心点距离最小的不重叠中心点,以提高计算性能和精度,提升用户体验。Therefore, the traversal point is limited according to the set step size so that the graphic does not exceed the display area, and then the non-overlapping center point with the smallest distance from the center point is selected to improve the calculation performance and precision, and improve the user experience.
可选地,显示区域被经过其中心点的直线划分为多个显示部分,其中,对于多个尺寸参数中的每一个尺寸参数,依次以设定的步长确定与该尺寸参数对应的图形中心点的步骤包括:从多个显示部分中随机或依次选择一个显示部分;以及在所选择的显示部分中确定与该尺寸参数对应的图形中心点。Optionally, the display area is divided into a plurality of display portions by a straight line passing through the center point thereof, wherein for each of the plurality of size parameters, the graphic center corresponding to the size parameter is sequentially determined in the set step size The step of including: selecting one display portion randomly or sequentially from the plurality of display portions; and determining a graphic center point corresponding to the size parameter in the selected display portion.
可选地,多个数据对应的多个图形的面积总和与显示区域的面积的比值为黄金比例;并且/或者单调递增的函数对应关系是线性递增函数关系;并且/或者图形为圆,尺寸参数为半径。由此,更好地图形化展示相应的数据,便于用户进行数据对比分析,提升用户体验。Optionally, the ratio of the area sum of the plurality of graphics corresponding to the plurality of data to the area of the display area is a golden ratio; and/or the monotonically increasing function correspondence is a linear increasing function relationship; and/or the graphic is a circle, the size parameter Is the radius. Thereby, the corresponding data is better graphically displayed, which is convenient for the user to perform comparative analysis of data and improve the user experience.
根据本发明实施例的另一方面,还提供了一种数据的图形化展示方法,用于在预定显示区域内以多个图形的形式展示多个数据,该方法包括:According to another aspect of the embodiments of the present invention, there is also provided a graphical display method for displaying data in a plurality of graphics in a predetermined display area, the method comprising:
确定最小图形的最小尺寸参数;Determining the minimum size parameter of the smallest graphic;
根据尺寸参数和数据的值之间的函数对应关系,为所述多个数据分别赋予尺寸参数,得到多个尺寸参数,其中,将所述最小尺寸参数赋予所述多个数据中值最小的数据;And assigning a size parameter to the plurality of data according to a function correspondence between the size parameter and the value of the data, to obtain a plurality of size parameters, wherein the minimum size parameter is given to the data with the smallest value among the plurality of data ;
针对每个所述数据,得到具有为该数据赋予的尺寸参数的图形作为与该数据对应的图形,所述多个数据对应的多个图形的面积总和与所述显示区域的面积的比值在预定范围之内;以及For each of the data, a graphic having a size parameter assigned to the data is obtained as a graphic corresponding to the data, and a ratio of an area sum of the plurality of graphics corresponding to the plurality of data to an area of the display area is predetermined Within the scope;
将与所述多个数据对应的多个图形分别设置在所述显示区域内。A plurality of graphics corresponding to the plurality of data are respectively disposed in the display area.
可选地,将与所述多个数据对应的多个图形分别设置在所述显示区域内的步骤,包括:Optionally, the step of separately setting a plurality of graphics corresponding to the plurality of data in the display area includes:
将与所述多个数据对应的多个图形相互不重叠地分别设置在所述显示区域内。A plurality of graphics corresponding to the plurality of data are respectively disposed within the display area without overlapping each other.
可选地,为所述多个数据分别赋予尺寸参数的步骤包括:Optionally, the step of respectively assigning the size parameter to the plurality of data includes:
基于所述显示区域的面积、所述最小尺寸参数以及所述多个数据,确定将要赋予值最大的数据的最大尺寸参数,该最大尺寸参数满足下述条件,基于该最大尺寸参数和所述最小尺寸参数以及所述函数对应关系,为所述多个数据分别赋予的多个尺寸参数所对应的多个图形的面积总和与所述显示区域的面积的比值在所述预定范围之内;以及Determining, according to an area of the display area, the minimum size parameter, and the plurality of data, a maximum size parameter of data to be given the largest value, the maximum size parameter satisfying a condition based on the maximum size parameter and the minimum a size parameter and the function correspondence relationship, a ratio of a total area of the plurality of graphics corresponding to the plurality of size parameters respectively assigned to the plurality of data to an area of the display area is within the predetermined range;
基于所述最小尺寸参数、所述最大尺寸参数、所述多个数据以及所述函数对应关系,确定赋予每个数据的尺寸参数。A size parameter assigned to each of the data is determined based on the minimum size parameter, the maximum size parameter, the plurality of data, and the function correspondence.
可选地,将与所述多个数据对应的多个图形分别设置在所述显示区域内的步骤,包括:Optionally, the step of separately setting a plurality of graphics corresponding to the plurality of data in the display area includes:
对于所述多个尺寸参数中的每一个尺寸参数,依次以设定的步长确定与该尺寸参数对应的图形中心点,使得在与该尺寸参数对应的图形不超出所述显示区域且不与所述显示区域中已经设置的图形重叠的情况下,与该尺寸参数对应的图形中心点与所述显示区域的中心点的距离最小;以及Determining, for each of the plurality of size parameters, a graphic center point corresponding to the size parameter in a set step size, such that the graphic corresponding to the size parameter does not exceed the display area and does not In a case where the graphics already set in the display area overlap, the distance between the center point of the graphic corresponding to the size parameter and the center point of the display area is the smallest;
在所述显示区域中,以所确定的各图形中心点为中心,设置具有对应的尺寸参数的图形。In the display area, a graphic having a corresponding size parameter is set centering on the determined center points of the respective graphics.
可选地,将与所述多个数据对应的多个图形分别设置在所述显示区域内的步骤,包括:Optionally, the step of separately setting a plurality of graphics corresponding to the plurality of data in the display area includes:
对于所述多个尺寸参数中的每一个尺寸参数,依次以设定的步长确定与该尺寸参数对应的图形中心点,使得在与该尺寸参数对应的图形不超出所述显示区域且不与所述显示区域中已经设置的图形重叠的情况下,与该尺寸参数对应的图形中心点与所述显示区域的中心点的距离最小;以及Determining, for each of the plurality of size parameters, a graphic center point corresponding to the size parameter in a set step size, such that the graphic corresponding to the size parameter does not exceed the display area and does not In a case where the graphics already set in the display area overlap, the distance between the center point of the graphic corresponding to the size parameter and the center point of the display area is the smallest;
在所述显示区域中,以所确定的各图形中心点为中心,设置具有对应的尺寸参数的图形。In the display area, a graphic having a corresponding size parameter is set centering on the determined center points of the respective graphics.
根据本发明实施例的另一方面,还提供了一种数据的图形化展示装置,用于在预定显示区域内以多个图形的形式展示多个数据,该装置包括:确定装置,用于确定最小图形的最小尺寸参数;赋值装置,用于根据各数据的值为多个数据分别赋予尺寸参数,得到多个尺寸参数,从而每个数据对应于具有为其赋予的尺寸参数的图形,使得值最小的数据被赋予最小尺寸参数,尺寸参数和数据的值之间具有单调递增的函数对应关系,并且多个数据对应的多个图形的面积总和与显示区域的面积的比值在预定范围之内;以及设置装置,用于针对多个数据,在显示区域内分别设置多个具有相应尺寸参数的图形,使其相互不重叠。According to another aspect of an embodiment of the present invention, there is further provided a graphical display device for displaying data in a plurality of graphics in a predetermined display area, the device comprising: determining means for determining a minimum size parameter of the minimum figure; an evaluation means for respectively assigning a size parameter to the plurality of data according to the value of each data, and obtaining a plurality of size parameters, so that each data corresponds to a figure having a size parameter given thereto, such that the value The minimum data is given a minimum size parameter, and the size parameter and the value of the data have a monotonically increasing function correspondence relationship, and the ratio of the area sum of the plurality of graphics corresponding to the plurality of data to the area of the display area is within a predetermined range; And setting means for respectively setting a plurality of graphics having corresponding size parameters in the display area so as not to overlap each other for the plurality of data.
可选地,赋值装置可以包括:第一赋值装置,用于基于显示区域的面积、最小尺寸参数、以及多个数据,确定将要赋予值最大的数据的最大尺寸参数,该最大尺寸参数满足下述条件,基于该最大尺寸参数和最小尺寸参数以及函数对应关系,为多个数据分别赋予的多个尺寸参数所对应的多个图形的面积总和与显示区域的面积的比值在预定范围之内。第二赋值装置,用于基于最小尺寸参数、最大尺寸参数、多个数据以及函数对应关系,确定将赋予每个数据的尺寸参数。Optionally, the evaluation device may include: a first evaluation device, configured to determine a maximum size parameter of the data to be given the largest value based on the area of the display area, the minimum size parameter, and the plurality of data, the maximum size parameter satisfying the following The condition is based on the maximum size parameter and the minimum size parameter and the function correspondence relationship, and the ratio of the total area of the plurality of graphics corresponding to the plurality of size parameters respectively given to the plurality of data to the area of the display area is within a predetermined range. The second assigning means is configured to determine a size parameter to be given to each data based on the minimum size parameter, the maximum size parameter, the plurality of data, and the function correspondence.
可选地,设置装置可以包括:中心确定装置,用于对于多个尺寸参数中的每一个尺寸参数, 依次以设定的步长确定与该尺寸参数对应的图形中心点,使得在与该尺寸参数对应的图形不超出显示区域且不与显示区域中已经设置的图形重叠的情况下,与该尺寸参数对应的图形中心点与显示区域的中心点的距离最小。图形设置装置,用于在显示区域中,以所确定的图形中心点为中心,设置具有对应的尺寸参数的图形。Optionally, the setting device may include: a central determining device, configured to determine, for each of the plurality of size parameters, a graphic center point corresponding to the size parameter in a set step size, so that the size is When the graphic corresponding to the parameter does not exceed the display area and does not overlap with the graphic already set in the display area, the distance between the center point of the graphic corresponding to the size parameter and the center point of the display area is the smallest. And a graphic setting device, configured to set a graphic having a corresponding size parameter centering on the determined graphic center point in the display area.
可选地,中心确定装置可以包括:遍历点确定装置,用于以显示区域的中心点为起点,按设定的步长确定与显示区域的边界的距离不小于该尺寸参数的遍历点;合法点确定装置,从遍历点中确定不重叠中心点,其中,以不重叠中心点为图形中心点且具有该尺寸参数的图形不与显示区域中已经设置的图形重叠;中心点选择装置,用于选择与显示区域的中心点的距离最小的不重叠中心点,作为对应于该尺寸参数的图形中心点。Optionally, the central determining device may include: a traversing point determining device, configured to determine, according to the set step, a distance from a boundary of the display area that is not less than a traversal point of the size parameter, starting from a center point of the display area; a point determining means for determining a non-overlapping center point from the traversing point, wherein the pattern having the non-overlapping center point as a graphic center point and having the size parameter does not overlap with a pattern already set in the display area; the center point selecting means is used for A non-overlapping center point having the smallest distance from the center point of the display area is selected as a graphic center point corresponding to the size parameter.
可选地,显示区域被经过其中心点的直线划分为多个显示部分,其中,中心确定装置可以包括:选择装置,用于从多个显示部分中随机或依次选择一个显示部分;局部中心确定装置,用于在所选择的显示部分中确定与所述尺寸参数对应的图形中心点。Optionally, the display area is divided into a plurality of display parts by a straight line passing through the center point thereof, wherein the center determining means may include: selecting means for randomly or sequentially selecting one display part from the plurality of display parts; local center determination And means for determining a graphic center point corresponding to the size parameter in the selected display portion.
根据本发明实施例的又一方面,还提供了一种计算设备,包括:存储器,用于存储多个数据;显示器,用于在其预定显示区域内以多个图形的形式展示多个数据,其中每个图形的尺寸参数分别对应于所述图形所对应的数据的值;以及处理器,执行根据上述的方法,以设置对应于多个数据的多个图形,并指令显示器显示多个图形。According to still another aspect of the embodiments of the present invention, a computing device is provided, including: a memory for storing a plurality of data; and a display for displaying a plurality of data in a plurality of graphics in a predetermined display area thereof, The size parameter of each of the graphics corresponds to the value of the data corresponding to the graphic; and the processor executes the method according to the above to set a plurality of graphics corresponding to the plurality of data, and instructs the display to display the plurality of graphics.
根据本发明实施例的又一方面,还提供了一种计算机可读存储介质,所述计算机可读存储介质包括计算机程序,所述计算机程序运行时控制所述计算机可读存储介质所在计算设备执行上述的方法步骤。According to still another aspect of an embodiment of the present invention, a computer readable storage medium is provided, the computer readable storage medium comprising a computer program, the computer program runtime controlling a computing device where the computer readable storage medium is executed The method steps described above.
通过本发明实施例,根据确定的最小尺寸参数,为多个数据分别赋予相应的尺寸参数,使得能够在显示区域的预定区域范围内合理展示对应多个尺寸参数的图形,提高用户体验。According to the embodiment of the present invention, the plurality of data are respectively assigned corresponding size parameters according to the determined minimum size parameter, so that the graphic corresponding to the plurality of size parameters can be reasonably displayed within the predetermined area of the display area, thereby improving the user experience.
附图说明DRAWINGS
通过结合附图对本公开示例性实施方式进行更详细的描述,本公开的上述以及其它目的、特征和优势将变得更加明显,其中,在本公开示例性实施方式中,相同的参考标号通常代表相同部件。The above and other objects, features, and advantages of the present invention will become more apparent from the aspects of the embodiments of the invention. The same parts.
图1示出了本发明一实施例提供的数据的图形化展示方法的流程图。FIG. 1 is a flow chart showing a method for graphically displaying data according to an embodiment of the present invention.
图2示出了本发明一实施例提供的函数对应关系示意图。FIG. 2 is a schematic diagram showing a function correspondence relationship according to an embodiment of the present invention.
图3示出了本发明一实施例提供的为多个数据分别赋予尺寸参数的方法流程图。FIG. 3 is a flow chart showing a method for respectively assigning size parameters to a plurality of data according to an embodiment of the present invention.
图4示出了本发明一实施例提供的在显示区域内设置多个图形的方法流程图。FIG. 4 is a flow chart of a method for setting a plurality of graphics in a display area according to an embodiment of the invention.
图5示出了本发明一实施例提供的确定图形中心点的方法的流程图。FIG. 5 is a flow chart showing a method for determining a center point of a graphic according to an embodiment of the present invention.
图6示出了本发明一实施例提供的数据的图形化展示装置的示意性框图。FIG. 6 is a schematic block diagram of a graphical display device for data provided by an embodiment of the present invention.
图7示出了本发明一实施例提供的赋值装置的示意性框图。FIG. 7 is a schematic block diagram of an evaluation device according to an embodiment of the invention.
图8示出了本发明一实施例提供的设置装置的示意性框图。FIG. 8 is a schematic block diagram of a setting device according to an embodiment of the invention.
图9示出了本发明一实施例提供的中心确定装置的示意性框图。FIG. 9 is a schematic block diagram of a center determining apparatus according to an embodiment of the present invention.
图10示出了本发明一实施例提供的计算设备的示意性框图。FIG. 10 is a schematic block diagram of a computing device according to an embodiment of the invention.
图11-图15示出了本发明一实施例提供的示例性应用例。FIG. 11 to FIG. 15 illustrate an exemplary application example provided by an embodiment of the present invention.
图16示出了本发明一实施例的示例性效果图。Fig. 16 shows an exemplary effect diagram of an embodiment of the present invention.
具体实施方式detailed description
下面将参照附图更详细地描述本公开的可选实施方式。虽然附图中显示了本公开的可选实施方式,然而应该理解,可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反,提供这些实施方式是为了使本公开更加透彻和完整,并且能够将本公开的范围完整地传达给本领域的技术人员。Alternative embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While the embodiments of the present invention are shown in the drawings, it is understood that the invention may be embodied in various forms and not limited by the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete.
为了提高数据图形化显示的合理性,本发明实施例提出了一种数据的图形化展示方案,以在预定显示区域内以多个图形的形式合理地展示多个数据。下面结合附图及实施例详细说明本发明实施例的技术方案。In order to improve the rationality of the graphical display of the data, the embodiment of the present invention proposes a graphical display scheme of data to reasonably display a plurality of data in the form of a plurality of graphics in a predetermined display area. The technical solutions of the embodiments of the present invention are described in detail below with reference to the accompanying drawings and embodiments.
本发明实施例的数据的图形化展示方案可以实现为一种数据的图形化展示方法,图1示出了根据本发明一实施例的数据的图形化展示方法的流程图。The graphical display scheme of the data in the embodiment of the present invention can be implemented as a graphical display method of data. FIG. 1 is a flowchart of a graphical display method of data according to an embodiment of the present invention.
如图1所示,在步骤S110中,确定最小图形的最小尺寸参数,As shown in FIG. 1, in step S110, a minimum size parameter of the minimum figure is determined,
这里,图形可以是预先统一设定的,图形可以是指圆形、正多边形、扇形等各种形状的图形,可以是二维、三维或者其它维度的图形,还可以是动物形状等。Here, the graphics may be uniformly set in advance, and the graphics may refer to various shapes of graphics such as a circle, a regular polygon, and a sector, and may be two-dimensional, three-dimensional, or other dimensional graphics, or may be animal shapes or the like.
相应地,尺寸参数可以是指圆形的半径、正多边形的边长、扇形的半径及圆心角等。Accordingly, the size parameter may refer to a radius of a circle, a side length of a regular polygon, a radius of a sector, and a central angle.
最小尺寸参数可以是用户输入的,也可以是根据显示区域的尺寸和/或分辨率自动确定的,或者以其它方式确定的。The minimum size parameter may be user-entered, or may be automatically determined based on the size and/or resolution of the display area, or otherwise determined.
在步骤S120中,为多个数据分别赋予尺寸参数,得到多个尺寸参数,从而每个数据对应于具有为其赋予的尺寸参数的图形。In step S120, a plurality of data are respectively assigned size parameters, and a plurality of size parameters are obtained, so that each data corresponds to a figure having a size parameter given thereto.
这里,数据的来源可以是搜索引擎蜘蛛抓取数据、网站IP或PV等基本数据、网站流量来源数据等,也可以是各种统计数据,可以具有数据值以反映数据的大小。数据可以是实时查询的,根据数据的不同或数据的来源的不同,数据的量(数据的个数)或者数据的值均是可以变化的。Here, the source of the data may be basic data such as search engine spider data, website IP or PV, website traffic source data, etc., or various statistical data, and may have data values to reflect the size of the data. The data can be queried in real time, and the amount of data (the number of data) or the value of the data can vary depending on the data or the source of the data.
数据的值的大小可以是由具有一定的尺寸参数的图形反映的,并为每个数据分别赋予相应的尺寸参数。其中,各数据对应的图形可以形状尺寸各不相同,也可以形状相同但尺寸参数有差异,以方便用户根据多个图形的尺寸参数对比多个数据的值。The size of the value of the data may be reflected by a graph having a certain size parameter, and each data is assigned a corresponding size parameter. The graphics corresponding to each data may have different shape and size, or may have the same shape but different dimensional parameters, so that the user can compare the values of multiple data according to the size parameters of multiple graphics.
尺寸参数可以是按照预定的赋值规律分别赋予多个数据的。例如,可以预先设定多个等量变 化的尺寸参数,尺寸参数的个数可以与数据的个数相同或不同,根据数据的量或数据的值,自动为多个数据分别赋予尺寸参数,数据值较大的数据可以对应于较大的尺寸参数,数据值较小的数据可以对应于较小的尺寸参数,数据值相同的两个数据可以相应地赋予相同的尺寸参数等等。同时,也应当保证,值最小的数据被赋予最小尺寸参数。The size parameter may be assigned to a plurality of data respectively according to a predetermined assignment rule. For example, a plurality of size parameters of equal variation may be preset, and the number of the size parameters may be the same as or different from the number of data, and the size parameter is automatically given to the plurality of data according to the amount of data or the value of the data. Data with a larger value may correspond to a larger size parameter, data with a smaller data value may correspond to a smaller size parameter, and two data with the same data value may be assigned the same size parameter or the like accordingly. At the same time, it should also be ensured that the data with the smallest value is given the minimum size parameter.
尺寸参数和数据的值之间也可以满足单调递增的函数对应关系,并为数据值最小的数据赋予最小的尺寸参数,随着数据值的增大,相应地增大与该数据对应的图形的尺寸参数。The size parameter and the value of the data can also satisfy the monotonically increasing function correspondence relationship, and the minimum size parameter is given to the data with the smallest data value. As the data value increases, the corresponding graphic corresponding to the data is correspondingly increased. Size parameters.
图2示出了本发明一实施例的示例性函数对应关系曲线图。如图2所示,横坐标示出数据值X,纵坐标示出对应的尺寸参数Y,函数对应关系曲线如图所示。2 is a graph showing an exemplary function correspondence relationship of an embodiment of the present invention. As shown in FIG. 2, the abscissa shows the data value X, the ordinate shows the corresponding size parameter Y, and the function correspondence curve is as shown.
图2中示出的三种函数关系以及其它各种单调递增的函数关系,均可适用于本发明。例如,从函数关系简单性的角度考虑,可以采用直线的函数关系。或者,也可以根据数据值的分布情况等因素适应性地选择不同的函数关系。The three functional relationships shown in Figure 2, as well as various other monotonically increasing functional relationships, are applicable to the present invention. For example, from the perspective of the simplicity of the function relationship, a linear function relationship can be employed. Alternatively, different functional relationships may be adaptively selected according to factors such as the distribution of data values.
例如,当数据的值在一定的范围内分布较为均匀时,可以将两个变量的函数关系视为线性递增的函数对应关系,以图2中直线2上及直线附近示出的点反应函数对应结果,以此线性函数关系分别为多个数据的值赋予尺寸参数。For example, when the value of the data is more evenly distributed within a certain range, the functional relationship of the two variables can be regarded as a linearly increasing function correspondence, corresponding to the point response function shown on the straight line 2 and near the straight line in FIG. As a result, the size parameter is assigned to the values of the plurality of data in this linear function relationship.
当数据的值在一定的范围内分布不均匀时,可以将两个变量的函数关系视为非线性单调递增的函数对应关系,以图2中曲线1或曲线3上及曲线示出的点反应函数对应结果,并以此非线性函数关系分布为多个数据的值赋予尺寸参数。例如,当数据的值在一定的范围内,而较多个数的数据值靠近最小数据值时,可以以图2中曲线1对应的函数关系为数据值赋予尺寸参数。此时,在数据较密集的范围内,可以适当增大数据的值对应的尺寸参数,方便对密集区域的多个数据进行分析。When the value of the data is unevenly distributed within a certain range, the functional relationship between the two variables can be regarded as a nonlinear monotonically increasing function correspondence, with the point reaction shown in curve 1 or curve 3 and the curve in FIG. The function corresponds to the result, and the size parameter is assigned to the value of the plurality of data by the nonlinear function relationship distribution. For example, when the value of the data is within a certain range, and the data value of the plurality of numbers is close to the minimum data value, the data parameter may be given a size parameter by a function relationship corresponding to the curve 1 in FIG. 2 . At this time, in a data-intensive range, the size parameter corresponding to the value of the data may be appropriately increased to facilitate analysis of multiple data in the dense area.
多个尺寸参数可以加入至尺寸参数列表中,在尺寸参数列表中记录有各尺寸参数与数据的值的对应关系,使得能够方便地从尺寸参数列表中获取多个数据对应的多个尺寸参数。A plurality of size parameters may be added to the size parameter list, and a correspondence relationship between each size parameter and the value of the data is recorded in the size parameter list, so that a plurality of size parameters corresponding to the plurality of data can be conveniently obtained from the size parameter list.
为使多个图形均能完整地展示在显示区域内,还需要设定显示的范围条件,设定多个数据对应的多个图形的面积总和与显示区域的面积的比值在预定范围之内。预定范围的大小或面积的比值均可以是预先设定的,或者,也可以视情况进行修改。可以将预定范围设定为例如0.5~0.8或0.55~0.65等。可选地,可以将面积的比值设定为接近或等于黄金比例0.618等,以使所显示的多个图形总体上更加美观,令用户可以在显示区域内清楚且舒适地查看完整图形,便于进行数据分析。In order to enable a plurality of graphics to be completely displayed in the display area, it is also necessary to set a range condition of the display, and set a ratio of a total area of the plurality of graphics corresponding to the plurality of data to an area of the display area within a predetermined range. The ratio of the size or area of the predetermined range may be preset or may be modified as appropriate. The predetermined range can be set to, for example, 0.5 to 0.8 or 0.55 to 0.65 or the like. Optionally, the ratio of the area can be set to be close to or equal to the golden ratio of 0.618, etc., so that the displayed multiple graphics are generally more beautiful, so that the user can clearly and comfortably view the complete graphic in the display area, which is convenient for the user to view. data analysis.
本领域的技术人员应当理解,上述举例是示意性的而非绝对的,还可以采用其他方式为多个数据值分别赋予尺寸参数。It should be understood by those skilled in the art that the above examples are illustrative rather than absolute, and that other data values may be separately assigned size parameters.
在步骤S130中,针对多个数据,在显示区域内分别设置多个具有相应尺寸参数的图形,使各 图形相互不重叠。In step S130, for the plurality of data, a plurality of graphics having respective size parameters are respectively set in the display area so that the graphics do not overlap each other.
这里,显示区域可以是矩形或圆形等形状的,显示区域的尺寸可以是预先设定的,也可以是根据显示屏幕的尺寸或分辨率自动确定的。Here, the display area may be in the shape of a rectangle or a circle, and the size of the display area may be preset or may be automatically determined according to the size or resolution of the display screen.
图形的设置可以是随机的,以增加新鲜度,提升用户体验。Graphic settings can be random to increase freshness and enhance the user experience.
每个图形相互不重叠,且可以相隔预定距离,便于用户查看。Each graphic does not overlap each other and can be separated by a predetermined distance for the user to view.
由此,通过图1至图2所示的数据的图形化展示方法,在给定的显示区域内,能够根据产生的数据,自动调整显示图形的尺寸参数并合理展示,提升用户体验。Thus, through the graphical display method of the data shown in FIG. 1 to FIG. 2, in a given display area, the size parameter of the display graphic can be automatically adjusted according to the generated data and displayed reasonably, thereby improving the user experience.
另外,步骤S120中为多个数据分别赋予尺寸参数的过程也可以通过其它方法实现,图3示出了本发明一实施例提供的为多个数据分别赋予尺寸参数方法的流程图。In addition, the process of assigning the size parameter to the plurality of data in step S120 may also be implemented by other methods. FIG. 3 is a flowchart of a method for respectively assigning size parameters to a plurality of data according to an embodiment of the present invention.
如图3所示,在步骤S121中,确定将要赋予值最大的数据的最大尺寸参数。As shown in FIG. 3, in step S121, the maximum size parameter of the data to which the value is to be given is determined.
在一个可选实施例中,可以基于显示区域的面积、最小尺寸参数以及多个数据,确定将要赋予值最大的数据的最大尺寸参数。该最大尺寸参数可以满足预定条件。例如,基于该最大尺寸参数和最小尺寸参数以及函数对应关系,为多个数据分别赋予的多个尺寸参数所对应的多个图形的面积总和与显示区域的面积的比值在预定范围内。In an alternative embodiment, the maximum size parameter of the data to which the value is to be maximized may be determined based on the area of the display area, the minimum size parameter, and the plurality of data. The maximum size parameter can satisfy a predetermined condition. For example, based on the maximum size parameter and the minimum size parameter and the function correspondence relationship, the ratio of the total area of the plurality of graphics corresponding to the plurality of size parameters respectively given to the plurality of data to the area of the display area is within a predetermined range.
假设以圆形展示多个数据,相应的尺寸参数为圆半径r,并且假设函数对应关系为线性递增函数关系。可以以S表示显示区域的面积,多个图形的面积的总和与显示区域的面积的比值为p,设最大圆半径为x,则其对应的关系式为:Assuming that multiple data are displayed in a circle, the corresponding size parameter is the circle radius r, and the function correspondence is assumed to be a linear increasing function relationship. The area of the display area can be represented by S, the ratio of the sum of the areas of the plurality of patterns to the area of the display area is p, and the maximum circle radius is x, and the corresponding relation is:
Figure PCTCN2018072355-appb-000008
Figure PCTCN2018072355-appb-000008
其中,n表示第n个圆形,k表示第k个圆形,r k表示第k个圆形的圆半径。 Where n represents the nth circle, k represents the kth circle, and r k represents the radius of the circle of the kth circle.
计算步骤可以如下:The calculation steps can be as follows:
(1)从多个数据中查找最大数据值max_d和最小数据值min_d(d表示数据的值);(1) finding a maximum data value max_d and a minimum data value min_d from a plurality of data (d indicates a value of the data);
(2)等比缩放每一个圆的半径的计算公式如下:(2) The formula for calculating the radius of each circle by proportional scaling is as follows:
Figure PCTCN2018072355-appb-000009
Figure PCTCN2018072355-appb-000009
其中,i表示第i个数据,r i表示第i个数据对应的圆半径,d i表示第i个数据的值,min_r表示对应于最小数据值的最小圆半径。 Where i denotes the i-th data, r i denotes the radius of the circle corresponding to the i-th data, d i denotes the value of the i-th data, and min_r denotes the minimum circle radius corresponding to the smallest data value.
(3)根据公式①和②,可得方程:(3) According to Equations 1 and 2, the equation is available:
Figure PCTCN2018072355-appb-000010
Figure PCTCN2018072355-appb-000010
简化后得到Simplified
Figure PCTCN2018072355-appb-000011
Figure PCTCN2018072355-appb-000011
Figure PCTCN2018072355-appb-000012
make
Figure PCTCN2018072355-appb-000012
Figure PCTCN2018072355-appb-000013
Figure PCTCN2018072355-appb-000013
Figure PCTCN2018072355-appb-000014
Figure PCTCN2018072355-appb-000014
根据求根公式可得最大图形半径(只保留正根):According to the root formula, the maximum graphic radius can be obtained (only the positive root is retained):
Figure PCTCN2018072355-appb-000015
Figure PCTCN2018072355-appb-000015
若确定显示区域的面积,例如矩形显示区域的宽w和高h,得面积S=w*h,面积的比值为0.618,以及多个数据的值,即可求得最大圆半径max_r。得到的所述最大图形半径即为将要赋予值最大的数据的最大尺寸参数。If the area of the display area is determined, for example, the width w and the height h of the rectangular display area, the area S=w*h, the area ratio of 0.618, and the values of the plurality of data, the maximum circle radius max_r can be obtained. The obtained maximum graphic radius is the maximum size parameter of the data to which the value is to be given the largest.
在步骤S123中,基于最小尺寸参数、最大尺寸参数、多个数据以及函数对应关系,确定将赋予每个数据的尺寸参数。例如,根据求得的max_r以及已知的min_r,结合公式②即可求得每个数据对应的图形的圆半径尺寸。即完成为多个数据分别赋予多个尺寸参数。In step S123, based on the minimum size parameter, the maximum size parameter, the plurality of data, and the function correspondence, the size parameter to be given to each data is determined. For example, according to the obtained max_r and the known min_r, the circle radius size of the graphic corresponding to each data can be obtained by combining formula 2. That is, multiple size parameters are assigned to each of the plurality of data.
可以将多个尺寸参数加入尺寸参数列表中,以方便获取尺寸参数,及时展示尺寸参数所对应的图形。Multiple size parameters can be added to the size parameter list to facilitate the acquisition of size parameters and timely display of the graphics corresponding to the size parameters.
步骤S130中在显示区域内分别设置多个具有相应尺寸参数的图形的过程也可以通过其它方法实现,图4示出了本发明一实施例提供的在显示区域内设置多个图形的方法流程图。The process of setting a plurality of graphics having corresponding size parameters in the display area in step S130 can also be implemented by other methods. FIG. 4 is a flowchart of a method for setting multiple graphics in the display area according to an embodiment of the present invention. .
如图4所示,在步骤S131中,对于多个尺寸参数中的每一个尺寸参数,可以依次以设定的步长确定其图形中心点。As shown in FIG. 4, in step S131, for each of the plurality of size parameters, the center point of the figure may be determined in sequence with the set step size.
这里,设定的步长可以是设定的任意值,根据设定的步长可以快速确定图形中心点。设定的步长还可以是显示区域的长或宽的1/N,或者也可以是该尺寸参数的1/M,M和N均为大于1的自然数,其取值范围可以是2~5或其它范围。可选地,M和N的取值均可以为3。由此提高计算性能及精度。Here, the set step size can be any value set, and the center point of the graph can be quickly determined according to the set step size. The set step size may also be 1/N of the length or width of the display area, or may be 1/M of the size parameter, and both M and N are natural numbers greater than 1, and the value range may be 2-5. Or other scope. Optionally, both M and N may have a value of 3. This improves calculation performance and accuracy.
所确定的图形中心点需满足合法条件,例如,图形中心点对应的图形不超出显示区域;图形中心点对应的图形与显示区域中已经设置的图形不重叠等等。The determined graphic center point needs to satisfy the legal condition. For example, the graphic corresponding to the center point of the graphic does not exceed the display area; the graphic corresponding to the central point of the graphic does not overlap with the graphic already set in the display area, and the like.
判断图形中心点是否满足合法条件时,可以以一定的顺序,例如,先判断图形中心点对应的图形是否不超出显示区域,或先判断图形中心点对应的图形是否与已经设置的图形不重叠,或者 更换合法条件的顺序,或同时进行判断等。When determining whether the center point of the graphic satisfies the legal condition, it may be determined in a certain order, for example, whether the graphic corresponding to the center point of the graphic does not exceed the display area, or whether the graphic corresponding to the center point of the graphic does not overlap with the already set graphic. Or replace the order of legal conditions, or judge at the same time.
在满足合法条件的情况下,为了完美展示多个图形,提升用户体验,还可以使图形中心点与显示区域的中心点的距离最小等等。由此,方便地确定图形中心点,并使得多个数据对应的图形可以聚合居中呈现。In order to perfectly display multiple graphics and improve the user experience, the distance between the center point of the graphic and the center point of the display area can be minimized, etc., while satisfying the legal conditions. Thereby, the center point of the graphic is conveniently determined, and the graphic corresponding to the plurality of data can be collectively presented in a cluster.
在步骤S133中,在显示区域中,以所确定的图形中心点为中心,设置具有对应的尺寸参数的图形。In step S133, in the display area, a graphic having a corresponding size parameter is set centering on the determined center point of the graphic.
在一个可选实施例中,显示区域可以是长方形,多个数据可以以圆形展示,此时,图形中心点为圆心。以显示区域的中心点为坐标原点,横坐标轴为x轴,纵坐标轴为y轴,则圆心坐标为(x,y),圆心与中心点之间的距离为L。In an alternative embodiment, the display area may be a rectangle, and the plurality of data may be displayed in a circle, in which case the center point of the figure is the center of the circle. Taking the center point of the display area as the coordinate origin, the abscissa axis is the x-axis, and the ordinate axis is the y-axis, the center coordinate is (x, y), and the distance between the center of the circle and the center point is L.
在具体的设置过程中,首先,可以依据前述的方法或其它方法确定对应于各个数据的各个圆半径,并加入尺寸参数列表中。其次,可以依次从尺寸参数列表中获取一个圆半径r,以设定的步长搜索圆心(x,y),并计算搜索到的圆心是否合法。如果图形中心点合法,则可以将圆心的坐标加入当前距离列表[(x1,y1,L1),(x2,y2,L2)……]。比较L1、L2……的大小,从当前距离列表中选出与显示区域的中心点距离最小的圆心坐标。该圆心坐标对应的位置即为当前圆半径r对应的数据的最佳显示位置。迭代计算其余的每一个数据,直到完成全部数据展示为止。由此,实现全部数据对应的图形的展示。In a specific setting process, first, the radius of each circle corresponding to each data may be determined according to the foregoing method or other methods, and added to the size parameter list. Secondly, you can get a circle radius r from the size parameter list in turn, search the center of the circle (x, y) with the set step size, and calculate whether the searched center is legal. If the center point of the graph is legal, you can add the coordinates of the center of the circle to the current distance list [(x1, y1, L1), (x2, y2, L2)...]. Comparing the sizes of L1, L2, ..., the center coordinates of the distance from the center point of the display area are selected from the current distance list. The position corresponding to the center coordinate is the optimal display position of the data corresponding to the current circle radius r. Iteratively calculates each of the remaining data until all data is displayed. Thereby, the display of the graphics corresponding to all the data is realized.
为了提高计算性能,也可以不对整个显示区域进行遍历计算,而是可以先将遍历点限制在使图形不超出显示区域的范围内,再对此范围进行遍历计算。图5示出了本发明一实施例提供的确定图形中心点的方法的流程图。In order to improve the calculation performance, the traversal calculation may not be performed on the entire display area, but the traversal point may be first limited to a range in which the graphic does not exceed the display area, and then the range is traversed. FIG. 5 is a flow chart showing a method for determining a center point of a graphic according to an embodiment of the present invention.
如图5所示,在步骤S1311中,以显示区域的中心点为起点,按设定的步长确定与显示区域的边界的距离不小于该尺寸参数的遍历点。由此,可以排除与显示区域的边界的距离小于该尺寸参数的遍历点,避免该尺寸参数对应的图形超出显示区域的范围。As shown in FIG. 5, in step S1311, the distance from the boundary of the display area is determined not to be smaller than the traversal point of the size parameter by using the center point of the display area as a starting point. Thereby, the distance from the boundary of the display area can be excluded from the traversal point of the size parameter, and the pattern corresponding to the size parameter is prevented from exceeding the range of the display area.
在步骤S1313中,从遍历点中确定不重叠中心点,其中以不重叠中心点为图形中心点且具有该尺寸参数的图形不与显示区域中已经设置的图形重叠。这里,不重叠中心点是指,假设将该尺寸参数的图形中心点设置在此遍历点位置处,该尺寸参数对应的图形与已经设置的图形无重叠,此遍历点称为不重叠中心点。由此,从遍历点中选取不重叠中心点,以避免出现图形重叠的情况。In step S1313, a non-overlapping center point is determined from the traversal points, wherein the pattern having the non-overlapping center point as a graphic center point and having the size parameter does not overlap with the pattern already set in the display area. Here, the non-overlapping center point means that, assuming that the graphic center point of the size parameter is set at the traversal point position, the graphic corresponding to the size parameter has no overlap with the already set graphic, and the traversal point is referred to as a non-overlapping center point. Thus, the non-overlapping center points are selected from the traversal points to avoid the occurrence of pattern overlap.
在步骤S1315中,选择与显示区域的中心点的距离最小的不重叠中心点,作为对应于该尺寸参数的图形中心点。由此,使图形中心点设置的位置尽量靠近显示区域的中心,便于数据对比及分析。In step S1315, the non-overlapping center point having the smallest distance from the center point of the display area is selected as the graphic center point corresponding to the size parameter. Thus, the position of the center point of the graphic is set as close as possible to the center of the display area, facilitating data comparison and analysis.
另外,为了提高计算性能,快速确定图形中心点,也可以将显示区域分为多个显示部分。这样,对于多个尺寸参数中的每一个尺寸参数,依次以设定的步长确定其图形中心点的过程中,可 以从多个显示部分中随机或依次选择一个显示部分,在所选择的显示部分中确定其图形中心点。In addition, in order to improve the calculation performance, the graphic center point can be quickly determined, and the display area can also be divided into a plurality of display portions. In this way, for each of the plurality of size parameters, in the process of determining the center point of the graphic in the set step size in turn, a display portion may be randomly or sequentially selected from the plurality of display portions, in the selected display. Determine the center point of its graphics in the section.
例如,可以从多个显示部分中随机选取一个显示部分,检测该显示部分中是否存在符合合法条件的图形中心点。若存在,则在该显示部分中确定图形中心点。若不存在,则可以再从其余的显示部分中随机选取一个或多个,再次检测选取的一个或多个显示部分中是否存在满足合法条件的图形中心点,直到确定图形中心点为止。该方法同样适于确定其余多个数据的图形中心点,在此不再赘述。For example, a display portion may be randomly selected from a plurality of display portions, and whether a graphic center point conforming to a legal condition exists in the display portion is detected. If present, the center point of the graphic is determined in the display portion. If it does not exist, one or more of the remaining display portions may be randomly selected, and it is detected again whether there is a graphic center point satisfying the legal condition in the selected one or more display portions until the graphic center point is determined. The method is also suitable for determining the graphic center point of the remaining plurality of data, and details are not described herein again.
本发明实施例还提供了一种数据的图形化展示方法,用于在预定显示区域内以多个图形的形式展示多个数据,该方法包括:The embodiment of the invention further provides a graphical display method for displaying a plurality of data in a plurality of graphics in a predetermined display area, the method comprising:
确定最小图形的最小尺寸参数;Determining the minimum size parameter of the smallest graphic;
根据尺寸参数和数据的值之间的函数对应关系,为所述多个数据分别赋予尺寸参数,得到多个尺寸参数,其中,将所述最小尺寸参数赋予所述多个数据中值最小的数据;And assigning a size parameter to the plurality of data according to a function correspondence between the size parameter and the value of the data, to obtain a plurality of size parameters, wherein the minimum size parameter is given to the data with the smallest value among the plurality of data ;
针对每个所述数据,得到具有为该数据赋予的尺寸参数的图形作为与该数据对应的图形,所述多个数据对应的多个图形的面积总和与所述显示区域的面积的比值在预定范围之内;以及For each of the data, a graphic having a size parameter assigned to the data is obtained as a graphic corresponding to the data, and a ratio of an area sum of the plurality of graphics corresponding to the plurality of data to an area of the display area is predetermined Within the scope;
将与所述多个数据对应的多个图形分别设置在所述显示区域内。A plurality of graphics corresponding to the plurality of data are respectively disposed in the display area.
可选地,将与所述多个数据对应的多个图形分别设置在所述显示区域内的步骤,包括:Optionally, the step of separately setting a plurality of graphics corresponding to the plurality of data in the display area includes:
将与所述多个数据对应的多个图形相互不重叠地分别设置在所述显示区域内。A plurality of graphics corresponding to the plurality of data are respectively disposed within the display area without overlapping each other.
鉴于该实施例中的数据的图形化展示方法的实现方式与前述内容相同,因而在此不作赘述。Since the implementation of the graphical display method of the data in this embodiment is the same as the foregoing, it will not be described herein.
至此,结合图1至图5详细描述了本发明实施例的数据的图形化展示方法。此外,本发明实施例的图形化展示方法可以由图形化展示装置实现,图6示出了本发明一实施例提供的数据的图形化展示装置600,简称展示装置600的示意性框图。So far, the graphical display method of the data of the embodiment of the present invention has been described in detail with reference to FIGS. 1 to 5. In addition, the graphical display method of the embodiment of the present invention may be implemented by a graphical display device. FIG. 6 is a schematic block diagram of a graphical display device 600 for data, which is referred to as a display device 600.
如图6所示,该展示装置600包括确定装置610、赋值装置620和设置装置630,分别实现图1所示的图形化展示方法。As shown in FIG. 6, the display device 600 includes a determining device 610, an assigning device 620, and a setting device 630, respectively implementing the graphical display method shown in FIG.
确定装置610用于确定最小图形的最小尺寸参数。The determining means 610 is operative to determine a minimum size parameter of the minimum figure.
确定装置610可以是输入或输出装置,例如鼠标、键盘等,使用户可以输入最小尺寸参数。确定装置610也可以是其它的相应装置,例如,能够根据显示屏幕或分辨率自动确定最小尺寸参数的装置。The determining device 610 can be an input or output device, such as a mouse, keyboard, etc., to allow the user to enter a minimum size parameter. The determining device 610 can also be other corresponding devices, such as devices that can automatically determine a minimum size parameter based on a display screen or resolution.
赋值装置620用于为多个数据分别赋予尺寸参数,得到多个尺寸参数,从而每个数据对应于具有为其赋予的尺寸参数的图形,使得值最小的数据被赋予最小尺寸参数,尺寸参数和数据的值之间具有单调递增的函数对应关系,并且多个数据对应的多个图形的面积总和与显示区域的面积的比值在预定范围之内。The evaluation device 620 is configured to respectively assign a size parameter to the plurality of data to obtain a plurality of size parameters, so that each data corresponds to a graphic having a size parameter given thereto, so that the data with the smallest value is given the minimum size parameter, the size parameter and There is a monotonically increasing function correspondence between the values of the data, and the ratio of the area sum of the plurality of graphics corresponding to the plurality of data to the area of the display area is within a predetermined range.
赋值装置620可以包括确定单元(图中未示出),以便于根据多个数据的值确定为各数据分 别赋予的对应的尺寸参数。赋值装置620也可以包括计算单元(图中未示出),以便于计算赋予多个数据的尺寸参数。计算单元还可以维护一个或多个函数对应关系式,以便于随时为产生的数据赋予合适的尺寸参数。赋值装置620还可以包括其它的子单元或子装置,以实现其它功能。下文中参考图7描述了赋值装置620的一种示意性结构。The evaluation device 620 can include a determination unit (not shown) to determine a corresponding size parameter assigned to each data based on the values of the plurality of data. The evaluation device 620 may also include a calculation unit (not shown) to facilitate calculation of the size parameters assigned to the plurality of data. The computing unit can also maintain one or more function correspondences to facilitate the assignment of appropriate dimensional parameters to the generated data at any time. The evaluation device 620 may also include other sub-units or sub-devices to implement other functions. A schematic structure of the evaluation device 620 is described below with reference to FIG.
图7示出了本发明一实施例提供的赋值装置620的示意性框图。FIG. 7 is a schematic block diagram of an evaluation device 620 according to an embodiment of the invention.
如图7所示,赋值装置620可以包括第一赋值装置621和第二赋值装置622。As shown in FIG. 7, the evaluation device 620 can include a first evaluation device 621 and a second evaluation device 622.
第一赋值装置621可以基于显示区域的面积、最小尺寸参数以及多个数据,确定将要赋予值最大的数据的最大尺寸参数,该最大尺寸参数满足下述条件,基于该最大尺寸参数和最小尺寸参数以及函数对应关系,为多个数据分别赋予的多个尺寸参数所对应的多个图形的面积总和与显示区域的面积的比值在预定范围之内。The first evaluation device 621 may determine a maximum size parameter of data to be given the largest value based on an area of the display area, a minimum size parameter, and a plurality of data, the maximum size parameter satisfying a condition based on the maximum size parameter and the minimum size parameter And a function correspondence relationship, the ratio of the total area of the plurality of graphics corresponding to the plurality of size parameters respectively given to the plurality of data to the area of the display area is within a predetermined range.
第一赋值装置621可以是计算装置,通过计算实现本发明实施例中确定数据的最大尺寸参数的过程。The first evaluation means 621 may be a computing means for performing a process of determining the maximum size parameter of the data in the embodiment of the present invention.
第二赋值装置622可以基于最小尺寸参数、最大尺寸参数、多个数据以及函数对应关系,确定将赋予每个数据的尺寸参数。The second evaluation device 622 can determine the size parameter to be assigned to each data based on the minimum size parameter, the maximum size parameter, the plurality of data, and the function correspondence.
赋值装置620及其子装置实现的数据的图形化展示方法的相关细节描述可参见上文图3的描述,在此不再赘述。For a detailed description of the graphical display method of the data implemented by the evaluation device 620 and its sub-devices, refer to the description of FIG. 3 above, and details are not described herein again.
设置装置630可以用于针对多个数据,在显示区域内分别设置多个具有相应尺寸参数的图形,使各图像相互不重叠。由此,实现数据的图形化展示。下文中参考图8和图9进一步地描述了设置装置630的一种示意性结构。The setting means 630 can be configured to respectively set a plurality of graphics having respective size parameters in the display area for the plurality of data so that the images do not overlap each other. Thereby, a graphical display of the data is achieved. A schematic structure of the setting device 630 is further described below with reference to FIGS. 8 and 9.
图8示出了本发明一实施例提供的设置装置630的示意性框图。FIG. 8 is a schematic block diagram of a setting device 630 according to an embodiment of the invention.
如图8所示,设置装置630可以包括中心确定装置631和图形设置装置632。As shown in FIG. 8, the setting device 630 may include a center determining device 631 and a graphic setting device 632.
中心确定装置631可以用于对于多个尺寸参数中的每一个尺寸参数,依次以设定的步长确定与其对应的图形中心点,使得在其对应的图形不超出显示区域且不与显示区域中已经设置的图形重叠的情况下,其图形中心点与显示区域的中心点的距离最小。The center determining means 631 can be configured to determine, for each of the plurality of size parameters, the graphic center point corresponding thereto in a set step size such that the corresponding graphic does not exceed the display area and is not in the display area In the case where the already set graphics overlap, the distance between the center point of the graphic and the center point of the display area is the smallest.
图形设置装置632可以在显示区域中,以所确定的图形中心点为中心,设置具有对应的尺寸参数的图形。The graphic setting means 632 may set a graphic having a corresponding size parameter centering on the determined graphic center point in the display area.
设置装置630及其子装置实现的数据的图形化展示方法的相关细节描述可参见上文图4的描述,在此不再赘述。For a detailed description of the method for displaying the data of the device 630 and its sub-devices, refer to the description of FIG. 4 above, and details are not described herein again.
图9示出了本发明一实施例提供的中心确定装置631的示意性框图。FIG. 9 is a schematic block diagram of a center determining device 631 according to an embodiment of the present invention.
如图9所示,中心确定装置631可以包括遍历点确定装置6311、合法点确定装置6313和中心点选择装置6315。As shown in FIG. 9, the center determining means 631 may include a traversing point determining means 6311, a legal point determining means 6313, and a center point selecting means 6315.
遍历点确定装置6311可以以显示区域的中心点为起点,按设定的步长确定与显示区域的边界的距离不小于该尺寸参数的遍历点。The traversing point determining means 6311 may determine the distance from the boundary of the display area not less than the traversal point of the size parameter by the set step size starting from the center point of the display area.
合法点确定装置6313可以用于从遍历点中确定不重叠中心点,其中,以不重叠中心点为图形中心点且具有该尺寸参数的图形不与显示区域中已经设置的图形重叠。The legal point determining means 6313 can be used to determine a non-overlapping center point from the traversing points, wherein the pattern having the non-overlapping center point as a graphic center point and having the size parameter does not overlap with the pattern already set in the display area.
中心点选择装置6315可以用于选择与显示区域的中心点的距离最小的不重叠中心点,作为对应于该尺寸参数的图形中心点。The center point selecting means 6315 can be used to select a non-overlapping center point having the smallest distance from the center point of the display area as a graphic center point corresponding to the size parameter.
可选地,中心确定装置631还可以包括选择装置6317和局部中心确定装置6319。选择装置6317可以用于从多个显示部分中随机或依次选择一个显示部分。局部中心确定装置6319可以用于在所选择的显示部分中确定图形中心点。Alternatively, the center determining means 631 may further include a selecting means 6317 and a local center determining means 6319. The selecting means 6317 can be used to randomly or sequentially select one of the plurality of display portions. The local center determining means 6319 can be used to determine a graphical center point in the selected display portion.
中心确定装置631及其子装置实现的数据的图形化展示方法的相关细节描述可参见上文图5的描述,在此不再赘述。For a detailed description of the method for displaying the data of the central device 631 and its sub-devices, refer to the description of FIG. 5 above, and details are not described herein again.
至此,结合图6至图9对本发明实施例的数据的图形化展示装置600进行了详细说明。So far, the graphical display device 600 of the data of the embodiment of the present invention has been described in detail with reference to FIGS. 6 to 9.
展示装置600及其子装置实现的数据的图形化展示的相关细节描述可参见上文参考图1至图5的描述,在此不再赘述。For a detailed description of the graphical representation of the data implemented by the display device 600 and its sub-devices, reference may be made to the description above with reference to FIGS. 1 to 5, and details are not described herein again.
此外,本发明实施例的数据的图形化展示方案还可以由一种计算设备实现,计算设备可以为各种类型的计算设备,例如台式机、便携式计算机、平板电脑、智能手机、个人数据助理(PDA),或者其他类型的计算设备,但是不限于任何特定形式。图10示出了本发明一实施例的计算设备的示意性框图。In addition, the graphical display scheme of the data in the embodiment of the present invention may also be implemented by a computing device, which may be various types of computing devices, such as a desktop computer, a portable computer, a tablet computer, a smart phone, and a personal data assistant ( PDA), or other type of computing device, but is not limited to any particular form. FIG. 10 shows a schematic block diagram of a computing device in accordance with an embodiment of the present invention.
如图10所示,本发明实施例中的计算设备1000可以包括存储器1100、显示器1200和处理器1300。As shown in FIG. 10, computing device 1000 in an embodiment of the present invention may include a memory 1100, a display 1200, and a processor 1300.
存储器1100可以用于存储多个数据。The memory 1100 can be used to store a plurality of data.
存储器1100可以是各种类型的存储装置,例如,***内存、只读存储器(ROM)和永久存储装置等。存储器还可以用于存储尺寸参数列表或当前距离列表等。The memory 1100 can be various types of storage devices such as system memory, read only memory (ROM), and permanent storage devices. The memory can also be used to store a list of size parameters or a list of current distances, and the like.
显示器1200可以用于在其预定显示区域内以多个图形的形式展示多个数据,其中,每个图形的尺寸参数分别对应于其所对应的数据的值。The display 1200 can be used to display a plurality of graphics in the form of a plurality of graphics within its predetermined display area, wherein the size parameters of each of the graphics correspond to the values of the data to which they correspond, respectively.
显示器1200可以包括各种类型的图像设备,例如阴极射线管(CRT)、液晶显示器(LCD)、发光二极管(LED),包括有机发光二极管(OLED)、投射***等等,还可以包括其他支持电子装置,例如DAC、ADC、信号处理器等等。Display 1200 can include various types of imaging devices, such as cathode ray tubes (CRTs), liquid crystal displays (LCDs), light emitting diodes (LEDs), including organic light emitting diodes (OLEDs), projection systems, and the like, and can also include other supporting electronics. Devices such as DACs, ADCs, signal processors, and the like.
处理器1300可以执行图1至图5所示的方法,以设置对应于多个数据的多个图形,并指令显示器1200显示多个图形。The processor 1300 can perform the methods illustrated in FIGS. 1 through 5 to set a plurality of graphics corresponding to the plurality of data and instruct the display 1200 to display the plurality of graphics.
【应用例】[Application example]
假设在预定显示区域内以多个圆形展示多个数据,为多个数据赋予相应的圆半径的过程可参见上文的相关描述,并将多个数据对应的多个圆半径参数加入尺寸列表中。下面参照图11至图16对本例中的图形化展示过程进行详细描述。Assuming that a plurality of circles are displayed in a plurality of circles in a predetermined display area, and a process of assigning a corresponding circle radius to a plurality of data can be referred to the related description above, and a plurality of circle radius parameters corresponding to the plurality of data are added to the size list. in. The graphical display process in this example will be described in detail below with reference to FIGS. 11 to 16.
如图11所示,首先可以将显示区域分为A、B、C、D四个显示部分,点O为显示区域的中心点。具体展示流程如下:As shown in FIG. 11, the display area can be first divided into four display parts A, B, C, and D, and the point O is the center point of the display area. The specific display process is as follows:
1.从尺寸参数列表中获取一个圆半径,例如,圆半径r=8,因为显示区域内暂时没有圆形展示,为满足合法条件,可以以显示区域的中心点O为圆心,以圆半径为8画圆,得到如图12所示的结果。1. Obtain a circle radius from the size parameter list. For example, the circle radius is r=8, because there is no circular display in the display area. To satisfy the legal condition, the center point O of the display area can be used as the center, and the radius of the circle is 8 draw a circle and get the result shown in Figure 12.
2.从尺寸参数列表中获取一个圆半径,例如,圆半径r=16。随机从四个显示部分中选择一个显示部分D,根据已展示的圆形,以显示区域的中心点O为起点,计算圆心能够遍历的最大高度max_h:8+16=24。最大宽度:max_w:8+16=24,步长为16×1/3=5.3(m=3),即在图13所示的栅格内,选出距离中心点最近的合法圆心坐标,得到如图14所示的圆形的位置。2. Get a circle radius from the size parameter list, for example, the circle radius r=16. A display portion D is randomly selected from the four display portions, and based on the circle that has been displayed, the maximum height max_h at which the center of the circle can be traversed is calculated from the center point O of the display area as a starting point. Maximum width: max_w: 8+16=24, step size is 16×1/3=5.3 (m=3), that is, in the grid shown in Fig. 13, the legal center coordinates closest to the center point are selected, and The position of the circle as shown in FIG.
3.依此类推,最终得到如图15所示的图形相互不重叠的均匀分布图。3. By analogy, a uniform distribution map in which the patterns shown in FIG. 15 do not overlap each other is finally obtained.
图16示出了本发明一实施例提供的效果图。如图16所示,采用本发明的数据的图形化展示方法,在用户界面的显示区域内以圆形显示多个数据,以对单个用户的兴趣标签进行分析。通过所显示的圆的面积,可以确定该圆对应的数据信息的强弱,实现数据的分析。将不同的圆形设置为不同的颜色,以加强区分。Figure 16 is a diagram showing the effect provided by an embodiment of the present invention. As shown in FIG. 16, using the graphical display method of the data of the present invention, a plurality of data are displayed in a circular shape in a display area of the user interface to analyze an interest tag of a single user. Through the area of the circle displayed, the strength of the data information corresponding to the circle can be determined, and the analysis of the data can be realized. Set different circles to different colors to enhance the distinction.
上文中已经参考附图详细描述了根据本发明实施例的数据的图形化展示方法、装置、计算设备及计算机可读存储介质。通过本发明实施例,能够在预定显示区域内以图形的形式展示多个数据。A graphical display method, apparatus, computing device, and computer readable storage medium for data according to an embodiment of the present invention have been described in detail above with reference to the accompanying drawings. With the embodiment of the present invention, a plurality of data can be displayed in a graphical form within a predetermined display area.
此外,根据本发明实施例的方法还可以实现为一种计算机程序,该计算机程序包括用于执行本发明实施例的上述方法中的各步骤的计算机程序代码指令。或者,根据本发明实施例的方法还可以实现为一种计算机程序产品,该计算机程序产品包括计算机可读介质,在该计算机可读介质上存储有用于执行本发明实施例的上述方法中限定的上述功能的计算机程序。本领域技术人员还将明白的是,结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。Furthermore, the method according to an embodiment of the invention may also be implemented as a computer program comprising computer program code instructions for performing the steps of the above-described methods of embodiments of the invention. Alternatively, a method according to an embodiment of the invention may also be implemented as a computer program product comprising a computer readable medium having stored thereon, defined in the above method for performing an embodiment of the invention, A computer program for the above functions. The various illustrative logical blocks, modules, circuits, and algorithm steps described in connection with the disclosure herein may be implemented as electronic hardware, computer software, or combinations of both.
附图中的流程图和框图显示了根据本发明的多个实施例的***和方法的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标记的功能也可以以不同于附图中所标记的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行, 这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的***来实现,或者可以用专用硬件与计算机指令的组合来实现。The flowchart and block diagrams in the Figures illustrate the architecture, functionality and operation of possible implementations of systems and methods in accordance with various embodiments of the present invention. In this regard, each block of the flowchart or block diagram can represent a module, a program segment, or a portion of code that includes one or more of the Executable instructions. It should also be noted that in some alternative implementations, the functions noted in the blocks may also occur in a different order than the ones in the drawings. For example, two consecutive blocks may be executed substantially in parallel, and they may sometimes be executed in the reverse order, depending upon the functionality involved. It is also 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 in a dedicated hardware-based system that performs the specified function or operation. Or it can be implemented by a combination of dedicated hardware and computer instructions.
以上已经描述了本发明的各实施例,上述说明是示例性的,并非穷尽性的,并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实施例的原理、实际应用或对市场中的技术的改进,或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。The embodiments of the present invention have been described above, and the foregoing description is illustrative, not limiting, and not limited to the disclosed embodiments. Numerous modifications and changes will be apparent to those skilled in the art without departing from the scope of the invention. The choice of terms used herein is intended to best explain the principles, practical applications, or improvements of the techniques in the various embodiments of the embodiments, or to enable those of ordinary skill in the art to understand the embodiments disclosed herein.
工业实用性Industrial applicability
本发明实施例提供的数据的图形化展示方法、装置、电子设备及计算机可读存储介质,通过为多个数据分别赋予相应的尺寸参数和中心点的巧妙确定,可以在预定显示区域内以多个图形的形式合理地展示多个数据,提高数据展示的完整性和合理性,进而提升用户体验。The method, the device, the electronic device and the computer readable storage medium for displaying the data provided by the embodiment of the present invention can be customized in the predetermined display area by assigning corresponding data parameters and center points to the plurality of data respectively. The form of the graphic reasonably displays multiple data to improve the integrity and rationality of the data display, thereby improving the user experience.

Claims (20)

  1. 一种数据的图形化展示方法,用于在预定显示区域内以多个图形的形式展示多个数据,该方法包括:A graphical display method for displaying a plurality of data in a plurality of graphics in a predetermined display area, the method comprising:
    确定最小图形的最小尺寸参数;Determining the minimum size parameter of the smallest graphic;
    为所述多个数据分别赋予尺寸参数,得到多个尺寸参数,从而每个数据对应于具有为其赋予的尺寸参数的图形,使得值最小的数据被赋予所述最小尺寸参数,尺寸参数和数据的值之间具有单调递增的函数对应关系,并且所述多个数据对应的多个图形的面积总和与所述显示区域的面积的比值在预定范围之内;以及Assigning a size parameter to the plurality of data respectively, obtaining a plurality of size parameters such that each data corresponds to a graphic having a size parameter assigned thereto, such that data having the smallest value is assigned to the minimum size parameter, size parameter, and data Having a monotonically increasing function correspondence between the values, and the ratio of the area sum of the plurality of graphics corresponding to the plurality of data to the area of the display area is within a predetermined range;
    针对所述多个数据,在所述显示区域内分别设置多个具有相应尺寸参数的图形,使各所述图形相互不重叠。For the plurality of data, a plurality of graphics having respective size parameters are respectively disposed in the display area, so that the graphics do not overlap each other.
  2. 根据权利要求1所述的方法,其中,为所述多个数据分别赋予尺寸参数的步骤包括:The method of claim 1, wherein the step of assigning a size parameter to the plurality of data respectively comprises:
    基于所述显示区域的面积、所述最小尺寸参数以及所述多个数据,确定将要赋予值最大的数据的最大尺寸参数,该最大尺寸参数满足下述条件,基于该最大尺寸参数和所述最小尺寸参数以及所述函数对应关系,为所述多个数据分别赋予的多个尺寸参数所对应的多个图形的面积总和与所述显示区域的面积的比值在所述预定范围之内;以及Determining, according to an area of the display area, the minimum size parameter, and the plurality of data, a maximum size parameter of data to be given the largest value, the maximum size parameter satisfying a condition based on the maximum size parameter and the minimum a size parameter and the function correspondence relationship, a ratio of a total area of the plurality of graphics corresponding to the plurality of size parameters respectively assigned to the plurality of data to an area of the display area is within the predetermined range;
    基于所述最小尺寸参数、所述最大尺寸参数、所述多个数据以及所述函数对应关系,确定赋予每个数据的尺寸参数。A size parameter assigned to each of the data is determined based on the minimum size parameter, the maximum size parameter, the plurality of data, and the function correspondence.
  3. 根据权利要求2所述的方法,其中,所述图形为圆形,所述最大尺寸参数满足的条件包括:The method of claim 2, wherein the graphic is circular, and the condition that the maximum size parameter satisfies includes:
    Figure PCTCN2018072355-appb-100001
    Figure PCTCN2018072355-appb-100001
    其中,n表示第n个图形,k表示第k个图形,r k表示第k个图形的半径,p表示多个图形的面积的总和与显示区域的面积的比值,S表示显示区域的面积; Where n represents the nth graph, k represents the kth graph, r k represents the radius of the kth graph, p represents the ratio of the sum of the areas of the plurality of graphs to the area of the display area, and S represents the area of the display area;
    基于所述显示区域的面积、所述最小尺寸参数以及所述多个数据,确定将要赋予值最大的数据的最大尺寸参数的步骤,包括:And determining, according to an area of the display area, the minimum size parameter, and the plurality of data, a maximum size parameter of data to be given the largest value, comprising:
    从所述多个数据中查找最大数据值max_d和最小数据值min_d,其中,d表示数据的值;Finding a maximum data value max_d and a minimum data value min_d from the plurality of data, wherein d represents a value of the data;
    根据以下公式等比缩放每一个图形的半径:Scale the radius of each graphic according to the following formula:
    Figure PCTCN2018072355-appb-100002
    Figure PCTCN2018072355-appb-100002
    其中,i表示第i个数据,r i表示第i个数据对应的图形半径,d i表示第i个数据的值,min_r表示对应于最小数据值的最小图形半径,X表示对应于最大数据值的最大图形半径; Where, i denotes i-th data, r i represents the i-th data corresponding to the pattern radius, d i represents the value of the i-th data, min_r indicate corresponding to the minimum data value of the minimum pattern radius, X is corresponding to the maximum data value Maximum graphic radius;
    得到以下方程:Get the following equation:
    Figure PCTCN2018072355-appb-100003
    Figure PCTCN2018072355-appb-100003
    Figure PCTCN2018072355-appb-100004
    make
    Figure PCTCN2018072355-appb-100004
    Figure PCTCN2018072355-appb-100005
    Figure PCTCN2018072355-appb-100005
    Figure PCTCN2018072355-appb-100006
    Figure PCTCN2018072355-appb-100006
    根据以下公式计算得到最大图形半径:Calculate the maximum graphic radius according to the following formula:
    Figure PCTCN2018072355-appb-100007
    将得到的所述最大图形半径作为将要赋予值最大的数据的最大尺寸参数。
    Figure PCTCN2018072355-appb-100007
    The obtained maximum graphic radius is taken as the maximum size parameter of the data to which the value is to be given the largest.
  4. 根据权利要求1~3任一项所述的方法,其中,在所述显示区域内分别设置多个具有相应尺寸参数的图形的步骤包括:The method according to any one of claims 1 to 3, wherein the step of respectively setting a plurality of graphics having respective size parameters in the display area comprises:
    对于所述多个尺寸参数中的每一个尺寸参数,依次以设定的步长确定与该尺寸参数对应的图形中心点,使得在与该尺寸参数对应的图形不超出所述显示区域且不与所述显示区域中已经设置的图形重叠的情况下,与该尺寸参数对应的图形中心点与所述显示区域的中心点的距离最小;以及Determining, for each of the plurality of size parameters, a graphic center point corresponding to the size parameter in a set step size, such that the graphic corresponding to the size parameter does not exceed the display area and does not In a case where the graphics already set in the display area overlap, the distance between the center point of the graphic corresponding to the size parameter and the center point of the display area is the smallest;
    在所述显示区域中,以所确定的图形中心点为中心,设置具有对应的尺寸参数的图形。In the display area, a graphic having a corresponding size parameter is set centering on the determined center point of the graphic.
  5. 根据权利要求4所述的方法,其中,所述设定的步长是所述显示区域的长或宽的1/N,或者所述设定的步长是该尺寸参数的1/M,M和N均为大于1的自然数。The method according to claim 4, wherein said set step size is 1/N of a length or width of said display area, or said set step size is 1/M, M of said size parameter And N are both natural numbers greater than one.
  6. 根据权利要求4或5所述的方法,其中,对于所述多个尺寸参数中的每一个尺寸参数,依次以设定的步长确定与该尺寸参数对应的图形中心点的步骤包括:The method according to claim 4 or 5, wherein, for each of the plurality of size parameters, the step of sequentially determining the center point of the graphic corresponding to the size parameter in the set step size comprises:
    以所述显示区域的中心点为起点,按所述设定的步长确定与所述显示区域的边界的距离不小于该尺寸参数的遍历点;Taking a center point of the display area as a starting point, determining, according to the set step size, a distance from a boundary of the display area is not less than a traversal point of the size parameter;
    从所述遍历点中确定不重叠中心点,其中,以所述不重叠中心点为图形中心点且具有该尺寸参数的图形不与所述显示区域中已经设置的图形重叠;以及Determining, from the traversal points, a non-overlapping center point, wherein the graphic having the non-overlapping center point as a graphic center point and having the size parameter does not overlap with a graphic already set in the display area;
    选择与所述显示区域的中心点的距离最小的不重叠中心点,作为对应于该尺寸参数的图形中心点。A non-overlapping center point having the smallest distance from the center point of the display area is selected as a graphic center point corresponding to the size parameter.
  7. 根据权利要求4~6任一项所述的方法,其中,所述显示区域被经过其中心点的直线划分为 多个显示部分,其中,对于所述多个尺寸参数中的每一个尺寸参数,依次以设定的步长确定与该尺寸参数对应的图形中心点的步骤包括:The method according to any one of claims 4 to 6, wherein the display area is divided into a plurality of display portions by a straight line passing through a center point thereof, wherein for each of the plurality of size parameters, The steps of sequentially determining the center point of the graphic corresponding to the size parameter in the set step size include:
    从所述多个显示部分中随机或依次选择一个显示部分;以及Selecting one display portion randomly or sequentially from the plurality of display portions;
    在所选择的显示部分中确定与该尺寸参数对应的图形中心点。A graphic center point corresponding to the size parameter is determined in the selected display portion.
  8. 根据权利要求1-7中任一项所述的方法,其中,A method according to any one of claims 1 to 7, wherein
    所述多个数据对应的多个图形的面积总和与所述显示区域的面积的比值为黄金比例;并且/或者a ratio of a total area of the plurality of graphics corresponding to the plurality of data to an area of the display area as a golden ratio; and/or
    所述单调递增的函数对应关系是线性递增函数关系;并且/或者The monotonically increasing function correspondence is a linear increasing function relationship; and/or
    所述图形为圆,所述尺寸参数为半径。The graphic is a circle and the size parameter is a radius.
  9. 一种数据的图形化展示方法,用于在预定显示区域内以多个图形的形式展示多个数据,该方法包括:A graphical display method for displaying a plurality of data in a plurality of graphics in a predetermined display area, the method comprising:
    确定最小图形的最小尺寸参数;Determining the minimum size parameter of the smallest graphic;
    根据尺寸参数和数据的值之间的函数对应关系,为所述多个数据分别赋予尺寸参数,得到多个尺寸参数,其中,将所述最小尺寸参数赋予所述多个数据中值最小的数据;And assigning a size parameter to the plurality of data according to a function correspondence between the size parameter and the value of the data, to obtain a plurality of size parameters, wherein the minimum size parameter is given to the data with the smallest value among the plurality of data ;
    针对每个所述数据,得到具有为该数据赋予的尺寸参数的图形作为与该数据对应的图形,所述多个数据对应的多个图形的面积总和与所述显示区域的面积的比值在预定范围之内;以及For each of the data, a graphic having a size parameter assigned to the data is obtained as a graphic corresponding to the data, and a ratio of an area sum of the plurality of graphics corresponding to the plurality of data to an area of the display area is predetermined Within the scope;
    将与所述多个数据对应的多个图形分别设置在所述显示区域内。A plurality of graphics corresponding to the plurality of data are respectively disposed in the display area.
  10. 根据权利要求9所述的方法,其中,将与所述多个数据对应的多个图形分别设置在所述显示区域内的步骤,包括:The method according to claim 9, wherein the step of respectively setting a plurality of graphics corresponding to the plurality of data in the display area comprises:
    将与所述多个数据对应的多个图形相互不重叠地分别设置在所述显示区域内。A plurality of graphics corresponding to the plurality of data are respectively disposed within the display area without overlapping each other.
  11. 根据权利要求9或10所述的方法,其中,为所述多个数据分别赋予尺寸参数的步骤包括:The method according to claim 9 or 10, wherein the step of respectively assigning size parameters to said plurality of data comprises:
    基于所述显示区域的面积、所述最小尺寸参数以及所述多个数据,确定将要赋予值最大的数据的最大尺寸参数,该最大尺寸参数满足下述条件,基于该最大尺寸参数和所述最小尺寸参数以及所述函数对应关系,为所述多个数据分别赋予的多个尺寸参数所对应的多个图形的面积总和与所述显示区域的面积的比值在所述预定范围之内;以及Determining, according to an area of the display area, the minimum size parameter, and the plurality of data, a maximum size parameter of data to be given the largest value, the maximum size parameter satisfying a condition based on the maximum size parameter and the minimum a size parameter and the function correspondence relationship, a ratio of a total area of the plurality of graphics corresponding to the plurality of size parameters respectively assigned to the plurality of data to an area of the display area is within the predetermined range;
    基于所述最小尺寸参数、所述最大尺寸参数、所述多个数据以及所述函数对应关系,确定赋予每个数据的尺寸参数。A size parameter assigned to each of the data is determined based on the minimum size parameter, the maximum size parameter, the plurality of data, and the function correspondence.
  12. 根据权利要求9~11任一项所述的方法,其中,将与所述多个数据对应的多个图形分别设置在所述显示区域内的步骤,包括:The method according to any one of claims 9 to 11, wherein the step of respectively setting a plurality of graphics corresponding to the plurality of data in the display area comprises:
    对于所述多个尺寸参数中的每一个尺寸参数,依次以设定的步长确定与该尺寸参数对应的图形中心点,使得在与该尺寸参数对应的图形不超出所述显示区域且不与所述显示区域中已经设置 的图形重叠的情况下,与该尺寸参数对应的图形中心点与所述显示区域的中心点的距离最小;以及Determining, for each of the plurality of size parameters, a graphic center point corresponding to the size parameter in a set step size, such that the graphic corresponding to the size parameter does not exceed the display area and does not In a case where the graphics already set in the display area overlap, the distance between the center point of the graphic corresponding to the size parameter and the center point of the display area is the smallest;
    在所述显示区域中,以所确定的各图形中心点为中心,设置具有对应的尺寸参数的图形。In the display area, a graphic having a corresponding size parameter is set centering on the determined center points of the respective graphics.
  13. 根据权利要求9~11任一项所述的方法,其中,将与所述多个数据对应的多个图形分别设置在所述显示区域内的步骤,包括:The method according to any one of claims 9 to 11, wherein the step of respectively setting a plurality of graphics corresponding to the plurality of data in the display area comprises:
    对于所述多个尺寸参数中的每一个尺寸参数,依次以设定的步长确定与该尺寸参数对应的图形中心点,使得在与该尺寸参数对应的图形不超出所述显示区域且不与所述显示区域中已经设置的图形重叠的情况下,与该尺寸参数对应的图形中心点与所述显示区域的中心点的距离最小;以及Determining, for each of the plurality of size parameters, a graphic center point corresponding to the size parameter in a set step size, such that the graphic corresponding to the size parameter does not exceed the display area and does not In a case where the graphics already set in the display area overlap, the distance between the center point of the graphic corresponding to the size parameter and the center point of the display area is the smallest;
    在所述显示区域中,以所确定的各图形中心点为中心,设置具有对应的尺寸参数的图形。In the display area, a graphic having a corresponding size parameter is set centering on the determined center points of the respective graphics.
  14. 一种数据的图形化展示装置,配置成在预定显示区域内以多个图形的形式展示多个数据,该装置包括:A graphical display device for displaying data to display a plurality of graphics in a plurality of graphics within a predetermined display area, the apparatus comprising:
    确定装置,配置成确定最小图形的最小尺寸参数;Determining means configured to determine a minimum size parameter of the minimum graphic;
    赋值装置,配置成为所述多个数据分别赋予尺寸参数,得到多个尺寸参数,从而每个数据对应于具有为其赋予的尺寸参数的图形,使得值最小的数据被赋予所述最小尺寸参数,尺寸参数和数据的值之间具有单调递增的函数对应关系,并且所述多个数据对应的多个图形的面积总和与所述显示区域的面积的比值在预定范围之内;以及An evaluation device configured to assign a size parameter to the plurality of data, respectively, to obtain a plurality of size parameters, such that each data corresponds to a graphic having a size parameter assigned thereto, such that data having the smallest value is assigned to the minimum size parameter, Having a monotonically increasing functional correspondence between the size parameter and the value of the data, and the ratio of the area sum of the plurality of graphics corresponding to the plurality of data to the area of the display area is within a predetermined range;
    设置装置,配置成针对所述多个数据,在所述显示区域内分别设置多个具有相应尺寸参数的图形,使其相互不重叠。And a setting device configured to respectively set, in the display area, a plurality of graphics having corresponding size parameters for the plurality of data so as not to overlap each other.
  15. 根据权利要求14所述的装置,其中,所述赋值装置包括:The apparatus of claim 14 wherein said means for assigning comprises:
    第一赋值装置,配置成基于所述显示区域的面积、所述最小尺寸参数、以及所述多个数据,确定将要赋予值最大的数据的最大尺寸参数,该最大尺寸参数满足下述条件,即基于该最大尺寸参数和所述最小尺寸参数以及所述函数对应关系,为所述多个数据分别赋予的多个尺寸参数所对应的多个图形的面积总和与所述显示区域的面积的比值在所述预定范围之内;以及a first evaluation device configured to determine a maximum size parameter of data to be given the largest value based on an area of the display area, the minimum size parameter, and the plurality of data, the maximum size parameter satisfying a condition that And based on the maximum size parameter and the minimum size parameter and the function correspondence relationship, a ratio of an area sum of a plurality of graphics corresponding to the plurality of size parameters respectively given to the plurality of data to an area of the display area is Within the predetermined range;
    第二赋值装置,配置成基于所述最小尺寸参数、所述最大尺寸参数、所述多个数据以及所述函数对应关系,确定将赋予每个数据的尺寸参数。The second evaluation means is configured to determine a size parameter to be assigned to each of the data based on the minimum size parameter, the maximum size parameter, the plurality of data, and the function correspondence.
  16. 根据权利要求14或15所述的装置,其中,所述设置装置包括:The apparatus according to claim 14 or 15, wherein said setting means comprises:
    中心确定装置,配置成对于所述多个尺寸参数中的每一个尺寸参数,依次以设定的步长确定其图形中心点,使得在其对应的图形不超出所述显示区域且不与所述显示区域中已经设置的图形重叠的情况下,其图形中心点与所述显示区域的中心点的距离最小;以及a central determining device configured to determine, for each of the plurality of size parameters, a graphical center point thereof in a set step size such that the corresponding graphic does not exceed the display area and is not In the case where the graphics already set in the display area overlap, the distance between the center point of the graphic and the center point of the display area is the smallest;
    图形设置装置,配置成在所述显示区域中,以所确定的图形中心点为中心,设置具有对应的 尺寸参数的图形。The graphic setting means is configured to set a graphic having a corresponding size parameter centering on the determined graphic center point in the display area.
  17. 根据权利要求16所述的装置,其中,所述中心确定装置包括:The apparatus of claim 16 wherein said central determining means comprises:
    遍历点确定装置,配置成以所述显示区域的中心点为起点,按所述设定的步长确定与所述显示区域的边界的距离不小于该尺寸参数的遍历点;a traversing point determining device configured to determine, according to the set step size, a distance from a boundary of the display area that is not less than a traversal point of the size parameter, starting from a center point of the display area;
    合法点确定装置,配置成从所述遍历点中确定不重叠中心点,其中以不重叠中心点为图形中心点且具有该尺寸参数的图形不与所述显示区域中已经设置的图形重叠;以及a legal point determining device configured to determine a non-overlapping center point from the traversal points, wherein a graphic having a non-overlapping center point as a graphic center point and having the size parameter does not overlap with a pattern already set in the display area;
    中心点选择装置,配置成选择与所述显示区域的中心点的距离最小的不重叠中心点,作为对应于该尺寸参数的图形中心点。The center point selecting means is configured to select a non-overlapping center point having the smallest distance from a center point of the display area as a graphic center point corresponding to the size parameter.
  18. 根据权利要求16所述的装置,其中,所述显示区域被经过其中心点的直线划分为多个显示部分,并且其中,所述中心确定装置包括:The apparatus according to claim 16, wherein said display area is divided into a plurality of display portions by a straight line passing through a center point thereof, and wherein said center determining means comprises:
    选择装置,配置成从所述多个显示部分中随机或依次选择一个显示部分;以及Selecting means configured to randomly or sequentially select one of the plurality of display portions; and
    局部中心确定装置,配置成在所选择的显示部分中确定其图形中心点。A local center determining device configured to determine a graphical center point thereof in the selected display portion.
  19. 一种计算设备,包括:A computing device comprising:
    存储器,配置成存储多个数据;a memory configured to store a plurality of data;
    显示器,配置成在其预定显示区域内以多个图形的形式展示所述多个数据,其中每个图形的尺寸参数分别对应于其所对应的数据的值;以及a display configured to display the plurality of data in a plurality of graphics within a predetermined display area thereof, wherein a size parameter of each of the graphics corresponds to a value of data corresponding thereto;
    处理器,执行根据权利要求1-13中任何一项所述的方法,以设置对应于所述多个数据的多个图形,并指令所述显示器显示所述多个图形。A processor executing the method of any one of claims 1-13 to set a plurality of graphics corresponding to the plurality of data and instructing the display to display the plurality of graphics.
  20. 一种计算机可读存储介质,其特征在于,所述计算机可读存储介质包括计算机程序,所述计算机程序运行时控制所述计算机可读存储介质所在计算设备执行权利要求1至13任一项的方法步骤。A computer readable storage medium, comprising: a computer program operative to control a computing device in which the computer readable storage medium is located to perform any one of claims 1 to 13 Method steps.
PCT/CN2018/072355 2017-02-14 2018-01-12 Data graphical display method, device, computing apparatus and computer readable storage medium WO2018149258A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201710078285.4A CN106873875B (en) 2017-02-14 2017-02-14 Graphical display method and device of data and computing equipment
CN201710078285.4 2017-02-14

Publications (1)

Publication Number Publication Date
WO2018149258A1 true WO2018149258A1 (en) 2018-08-23

Family

ID=59167535

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2018/072355 WO2018149258A1 (en) 2017-02-14 2018-01-12 Data graphical display method, device, computing apparatus and computer readable storage medium

Country Status (2)

Country Link
CN (1) CN106873875B (en)
WO (1) WO2018149258A1 (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106873875B (en) * 2017-02-14 2020-07-31 广州神马移动信息科技有限公司 Graphical display method and device of data and computing equipment

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160092084A1 (en) * 2014-09-26 2016-03-31 Oracle International Corporation Canvas layout algorithm
CN105867930A (en) * 2016-04-05 2016-08-17 华为技术有限公司 Display method and device for function calling relation and terminal
WO2016131633A1 (en) * 2015-02-18 2016-08-25 Koninklijke Philips N.V. Monitoring activities of daily living of a person with graphical elements
CN106873875A (en) * 2017-02-14 2017-06-20 广州神马移动信息科技有限公司 The graphical representation method of data, device and computing device

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103472979B (en) * 2013-09-26 2017-02-01 深圳市华傲数据技术有限公司 Visualization method and system for data display based on scatter diagram
CN104809751B (en) * 2015-04-30 2017-11-24 百度在线网络技术(北京)有限公司 The method and apparatus for generating event group evolution diagram
CN106354760B (en) * 2016-08-18 2018-12-11 北京工商大学 Multiple view space-time data method for visualizing and application based on deformable statistical map

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160092084A1 (en) * 2014-09-26 2016-03-31 Oracle International Corporation Canvas layout algorithm
WO2016131633A1 (en) * 2015-02-18 2016-08-25 Koninklijke Philips N.V. Monitoring activities of daily living of a person with graphical elements
CN105867930A (en) * 2016-04-05 2016-08-17 华为技术有限公司 Display method and device for function calling relation and terminal
CN106873875A (en) * 2017-02-14 2017-06-20 广州神马移动信息科技有限公司 The graphical representation method of data, device and computing device

Also Published As

Publication number Publication date
CN106873875A (en) 2017-06-20
CN106873875B (en) 2020-07-31

Similar Documents

Publication Publication Date Title
US9582905B2 (en) Adverbial expression based color image operations
WO2023142607A1 (en) Image rendering method and apparatus, and device and medium
CN105956124A (en) Map display method and apparatus
WO2011112395A1 (en) Map spotlights
CN111709428B (en) Method and device for identifying positions of key points in image, electronic equipment and medium
US9721187B2 (en) System, method, and computer program product for a stereoscopic image lasso
CN108197596B (en) Gesture recognition method and device
CN113850917B (en) Three-dimensional model voxelization method and device, electronic equipment and storage medium
WO2018149258A1 (en) Data graphical display method, device, computing apparatus and computer readable storage medium
CN110619018A (en) Map overlay rarefying method, device, equipment and computer storage medium
US20140267426A1 (en) System, method, and computer program product for automatically extending a lasso region in two-dimensional image editors
US20150084889A1 (en) Stroke processing device, stroke processing method, and computer program product
WO2023174178A1 (en) Heuristic search-based periodic nanostructure morphology parameter measurement method and apparatus
US10062193B2 (en) Attribute based map marker clustering
JP2020013567A (en) Image processing method, image processing device, and image processing apparatus
US5475810A (en) Pie chart processing method and processor
KR102089896B1 (en) Method and apparatus for extracting point on drawing using user interface in surveying program used in mobile terminal
US10467759B2 (en) Intelligent contouring of anatomy with structured user click points
CN112346579A (en) Pointing and interaction control device for large-scale desktop model
JP2010066920A (en) Device, method and program for designation of three-dimensional position, and voxel modeling device, voxel modeling method and voxel-modeling program
US6847362B2 (en) Fast line drawing method
US11182955B1 (en) Utilizing dynamic filtering to adaptively generate control points of a vector object for display in a graphical user interface
US11163808B2 (en) Hexagon clustering of spatial data
KR20140103531A (en) Data processing method for conversion 2 dimensional tree structure to 3 dimensional tree structure and computer readable recording medium for assesment automization
US10169889B2 (en) Techniques for visualizing big data in a two-dimensional chart

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 18754871

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 18754871

Country of ref document: EP

Kind code of ref document: A1