Data visualization display method and device based on sundial form, equipment and medium

Abstract

The invention relates to the technical field of data analysis, and discloses a data visualization display method and device based on a sundial form, equipment and a medium, and the method comprises the steps: determining sundial axis information based on the configuration information of a sundial; obtaining a target data set; determining a sundial surface corresponding to the target data set based on the target data set; and displaying the target data set by using a sundial graph based on the sundial surface and sundial axis information. According to the scheme of the invention, the sundial surfaces corresponding to the data between the sundial axis and the base map are determined through the target data set, the size of the area of each sundial surface represents the amount of the data, and the visual display of the data is completed in a visual and vivid manner by using the form of the sundial map, so that the personalized data display requirements are met, and the data display efficiency is improved. And the user experience is further improved.

Description

Technical Field

[0001] The present invention relates to the technical field of data analysis, and in particular to a data visualization display method, device, equipment and medium based on a sundial form. Background Art

[0002] In the digital age, data visualization, as an intuitive and efficient way of expressing information, has become an important tool for data analysis and decision-making in various industries. And with the development of Internet technology, front-end technology is no longer limited to simple browsing and interaction, and the requirements for visualization are getting higher and higher. The way of representing data only through charts, data and bar charts, and the combination of numbers and graphics is too single and cannot meet the personalized needs of data display, thus affecting the user experience. Summary of the invention

[0003] In view of this, the present invention provides a data visualization display method, device, equipment, and medium based on the sundial form to solve the technical problem of poor user experience in the related art.

[0004] In a first aspect, the present invention provides a data visualization display method based on a sundial form, the method comprising: determining sundial axis information based on the configuration information of the sundial; acquiring a target data set; determining a sundial face corresponding to the target data set based on the target data set; and displaying the target data set using a sundial diagram based on the sundial face and sundial axis information.

[0005] In combination with the first aspect, in a possible implementation of the first aspect, based on the configuration information of the sundial, determining the sundial axis information includes: based on the configuration information of the sundial configured by the user, obtaining a base map image, first placement information corresponding to the base map image, a pointer image, and second placement information corresponding to the pointer image; based on the base map image, the first placement information, the pointer image, and the second placement information, using positioning, determining the sundial axis information.

[0006] In combination with the first aspect, in a possible implementation of the first aspect, based on the target data set, determining a sundial face corresponding to the target data set includes: screening the target data set to determine the target data; based on the target data, determining a width-to-height ratio corresponding to the target data; and based on the width-to-height ratio, determining the sundial face corresponding to the target data set.

[0007] In combination with the first aspect, in a possible implementation of the first aspect, based on the target data, determining the width-to-height ratio corresponding to the target data includes: based on the target data, determining the proportional data corresponding to the target data; converting the proportional data to determine the width-to-height ratio corresponding to the target data.

[0008] In combination with the first aspect, in a possible implementation of the first aspect, based on the sundial face and the sundial axis information, a sundial diagram is used to display the target data set, including: based on the sundial axis information, determining the attribute information corresponding to the axis of the sundial diagram; based on the attribute information, connecting the sundial face and the axis of the sundial diagram to form a sundial diagram corresponding to the sundial face, thereby completing the display of the target data set.

[0009] In combination with the first aspect, in a possible implementation manner of the first aspect, the method further includes: in response to a joint query and linkage request configured by a user, forming linkage information corresponding to the sundial surface; based on the linkage information, using the sundial diagram, performing a linkage display on the target data set.

[0010] In combination with the first aspect, in a possible implementation of the first aspect, in response to a joint query and linkage request configured by a user, linkage information corresponding to the sundial surface is formed, including: in response to the joint query and linkage request configured by the user, determining the linkage data corresponding to the joint query and linkage request; using the dimension of the linkage data, calculating the linkage information between the linkage data and the target data set.

[0011] In a second aspect, the present invention provides a data visualization display device based on a sundial form, the device comprising: an axis information determination module, used to determine the sundial axis information based on the configuration information of the sundial; an acquisition module, used to acquire a target data set; a surface determination module, used to determine the sundial surface corresponding to the target data set based on the target data set; and a display module, used to display the target data set using a sundial diagram based on the sundial surface and sundial axis information.

[0012] In a third aspect, the present invention provides a computer device, comprising: a memory and a processor, the memory and the processor being communicatively connected to each other, the memory storing computer instructions, and the processor executing the data visualization method based on the sundial form of the above-mentioned first aspect or any corresponding embodiment thereof by executing the computer instructions.

[0013] In a fourth aspect, the present invention provides a computer-readable storage medium having computer instructions stored thereon, the computer instructions being used to enable a computer to execute the data visualization method based on the sundial form of the above-mentioned first aspect or any corresponding embodiment thereof.

[0014] The technical solution of the present invention has the following advantages: The present invention provides a data visualization display method, device, equipment, and medium based on the form of a sundial. The method determines the sundial axis information through the configuration information of the sundial, and determines the sundial face using the target data set, so that the target data set is visualized in the form of a sundial map through the sundial face and the sundial axis. In this process, the sundial axis and the base map are positioned using the configuration information of the sundial, and the sundial face corresponding to each data between the sundial axis and the base map is determined using the target data set. The size of the area of ​​each sundial face is used to characterize the amount of data, so that the sundial face and the sundial axis are combined to form a sundial map. The data visualization display is completed in an intuitive and vivid manner in the form of a sundial map, which meets the personalized data display needs and further improves the user experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0015] In order to more clearly illustrate the specific implementation methods of the present invention or the technical solutions in the prior art, the drawings required for use in the specific implementation methods or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are some implementation methods of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.

[0016] Figure 1 It is a flowchart of a data visualization display method based on a sundial form provided according to an embodiment of the present invention; Figure 2 is a schematic diagram of data display results provided according to an embodiment of the present invention; Figure 3 It is a structural block diagram of a data visualization display device based on a sundial form provided according to an embodiment of the present invention; Figure 4 It is a schematic diagram of the hardware structure of a computer device according to an embodiment of the present invention. DETAILED DESCRIPTION

[0017] In order to make the purpose, technical solution and advantages of the embodiments of the present invention clearer, the technical solution in the embodiments of the present invention will be clearly and completely described below in conjunction with the drawings in the embodiments of the present invention. Obviously, the described embodiments are part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by those skilled in the art without creative work are within the scope of protection of the present invention.

[0018] According to an embodiment of the present invention, a data visualization display method embodiment based on a sundial form is provided. It should be noted that the steps shown in the flowchart of the accompanying drawings can be executed in a computer system such as a set of computer executable instructions, and although a logical order is shown in the flowchart, in some cases, the steps shown or described can be executed in an order different from that shown here.

[0019] This embodiment provides a data visualization display method based on the sundial form, such as Figure 1 As shown, the method comprises the following steps: S101. Determine sundial axis information based on sundial configuration information.

[0020] Specifically, based on the configuration information of the sundial, determining the sundial axis information refers to determining the location and attribute information of the sundial axis by positioning through the base map image and pointer image configured by the user.

[0021] S102: Obtain a target data set.

[0022] Specifically, the target data set refers to the original data set that needs to be displayed. The target data set usually contains dimensional information corresponding to the fields, such as sales volume, product name, production capacity and other data field information. The dimensional information corresponding to the fields can be used for the calculation of linkage information about data linkage display related content in subsequent embodiments.

[0023] S103: Based on the target data set, determine a sundial surface corresponding to the target data set.

[0024] Specifically, based on the target data set, determining the sundial face corresponding to the target data set means determining the data that needs to be displayed in the target data set, that is, the target data, by screening, and determining the sundial face corresponding to the target data set according to the width-to-height ratio corresponding to the target data set, thereby representing the amount of data by the size of the area of ​​each sundial face.

[0025] S104. Based on the information of the sundial face and the sundial axis, the target data set is displayed using a sundial diagram.

[0026] Specifically, based on the information of the sundial face and the sundial axis, using the sundial diagram to display the target data set means using the axis information of the sundial diagram to determine the attribute information corresponding to the sundial diagram, thereby setting the attributes of the axis of the sundial diagram to achieve the connection between the sundial face and the axis, forming a sundial diagram corresponding to the sundial face, and using the form of the sundial diagram to complete the visualization of the data in an intuitive and vivid way, meet the needs of personalized data display, and further enhance the user experience. Figure 2As shown, the visual display of data is completed in the form of a sundial diagram. According to the relevant data on the sundial surface, the number and proportion of appearance designs can be accurately seen.

[0027] The present invention provides a data visualization display method, device, equipment, and medium based on the form of a sundial. The method determines the sundial axis information through the configuration information of the sundial, and determines the sundial face using the target data set, so that the target data set is visualized in the form of a sundial map through the sundial face and the sundial axis. In this process, the sundial axis and the base map are positioned using the configuration information of the sundial, and the sundial face corresponding to each data between the sundial axis and the base map is determined using the target data set, and the area of ​​each sundial face is used to characterize the amount of data, so that the sundial face and the sundial axis are combined to form a sundial map, and the data visualization display is completed in an intuitive and vivid manner in the form of a sundial map, which meets the personalized data display needs and further improves the user experience.

[0028] In an optional implementation, determining the sundial axis information based on the configuration information of the sundial includes: Based on the configuration information of the sundial configured by the user, a base map image, first placement information corresponding to the base map image, a pointer image, and second placement information corresponding to the pointer image are obtained; based on the base map image, the first placement information, the pointer image, and the second placement information, the sundial axis information is determined by positioning.

[0029] Specifically, the configuration information of the sundial includes: a base image, first placement information corresponding to the base image, a pointer image, and second placement information corresponding to the pointer image. The base image refers to a picture placed at the bottom of the sundial, such as Figure 2 The disk composed of multiple rings in the figure is the map image in this example; the pointer image refers to the axis used to be placed on the map image as a sundial, such as Figure 2 The highlighted line segment perpendicular to the map image is the pointer image in this example; the first placement information refers to the placement direction, placement position, rotation direction and speed of the base map image; the second placement information refers to the placement position, rotation direction and speed of the pointer image.

[0030] Specifically, based on the base map image, the first placement information, the pointer image, and the second placement information, using positioning, determining the sundial axis information means using the first placement information and the second placement information to respectively determine the positions of the base map image and the pointer image, and using the positioning information between the two to combine the base map image and the pointer image to form the bottom surface and axis of the sundial, that is, determining the sundial axis information.

[0031] It should be understood that this embodiment does not specifically limit the method of combining the base map image with the pointer image by positioning, and is usually implemented by setting the properties of the CSS software. Specifically, the base map image can be rotated 80 degrees along the x-axis by setting the attribute value of the transformation attribute (transform) of the base map image to rotateX (80deg), thereby achieving a horizontal placement effect, and a keyframes animation is generated by adding an animation attribute (animation), and the animation-name attribute of the base map is bound to this animation, so that the base map rotates continuously along the z-axis. Similarly, for the pointer image, the pointer image is fixed to the center point of the base map image through the absolute positioning (position) attribute of the CSS software, and the attribute value of the transformation attribute (transform) of the pointer image is set to rotateX (-90deg) so that the pointer image stands vertically on the base map image, and a keyframes animation is generated by adding an animation attribute (animation), and the animation-name attribute of the pointer is bound to this animation, so that the pointer rotates continuously along the y-axis.

[0032] In an optional implementation, determining a sundial surface corresponding to the target data set based on the target data set includes: The target data set is screened to determine the target data; based on the target data, a width-to-height ratio corresponding to the target data is determined; based on the width-to-height ratio, a sundial surface corresponding to the target data set is determined.

[0033] Specifically, filtering the target data set and determining the target data means filtering the target data set by the dimension corresponding to the field in the target data set to determine the target data that needs to be displayed in the target data set. For example, when the target data set contains data of multiple dimensions and only sales data needs to be displayed, the target data set can be filtered by the field name related to the sales data.

[0034] Specifically, based on the target data, determining the width-to-height ratio corresponding to the target data means determining the ratio of the target data in the total data and converting the data to determine the width-to-height ratio corresponding to the target data. The width-to-height ratio corresponding to the target data refers to the ratio of the sundial surface at the corresponding position on the base image and the pointer image, that is, representing the width and height of the sundial surface, so that the width and height of the sundial surface are used to represent the proportion of each data.

[0035] Specifically, based on the width-to-height ratio, determining the sundial face corresponding to the target dataset means using the ratio of each sundial face on the base map image and the pointer image to construct each sundial face, that is, completing the sundial face corresponding to the target dataset. Figure 2As shown, the intersection points of the sundial face corresponding to the appearance patent on the base image and the pointer image respectively represent the width-height ratio. The HTML Document Object Model code of the sundial face can be dynamically generated through JavaScript, so as to determine the size of the sundial face by determining the width-height ratio, and use the absolute positioning (position) attribute and the transform attribute (transform) value attribute value of the CSS software to evenly fix each sundial around the pointer image, and generate a keyframes animation by adding an animation attribute (animation), so that the animation-name attribute of the sundial face is bound to this animation, so that the sundial face is closely attached to the pointer and rotates continuously.

[0036] In an optional implementation, determining the width-to-height ratio corresponding to the target data based on the target data includes: determining proportional data corresponding to the target data based on the target data; and converting the proportional data to determine the width-to-height ratio corresponding to the target data.

[0037] Specifically, based on the target data, determining the proportion data corresponding to the target data means determining the overall proportion of the target data in the corresponding field. For example, if the target data is the number of patents, of which there are 1,000 in total and 500 are appearance patents, then the proportion of appearance patents in the patent field is 50%.

[0038] Specifically, converting the proportion data and determining the width-height ratio corresponding to the target data refers to converting the proportion data into percentage values ​​of width and height in the CSS software.

[0039] In an optional implementation, based on the information of the sundial face and the sundial axis, a sundial diagram is used to display the target data set, including: Based on the sundial axis information, the attribute information corresponding to the axis of the sundial diagram is determined; based on the attribute information, the sundial face is connected to the axis of the sundial diagram to form a sundial diagram corresponding to the sundial face, thereby completing the display of the target data set.

[0040] Specifically, the attribute information corresponding to the axis of the sundial image includes: conversion attributes and animation attributes of the base image, and conversion attributes, absolute positioning attributes and animation attributes of the pointer image.

[0041] Specifically, based on the attribute information, the sundial face is connected to the axis of the sundial diagram to form a sundial diagram corresponding to the sundial face. This means dynamically generating the HTML Document Object Model code of the sundial face through JavaScript, thereby determining the size of the sundial face through a determined width-to-height ratio, and using the absolute positioning (position) attribute and the transform attribute (transform) value attribute of the CSS software to evenly fix each sundial around the pointer image, and generating a keyframes animation by adding an animation attribute (animation), allowing the animation-name attribute of the sundial face to bind this animation, so that the sundial face is closely attached to the pointer and rotates continuously, forming a Figure 2 A sample visualization is shown.

[0042] In an optional embodiment, the method further comprises: In response to the joint query and linkage request configured by the user, linkage information corresponding to the sundial surface is formed; based on the linkage information, the target data set is linked and displayed using the sundial diagram.

[0043] Specifically, in response to the joint query linkage request configured by the user, forming linkage information corresponding to the sundial surface means determining linkage data corresponding to the joint query linkage request, and calculating linkage information between the linkage data and the target data set using the dimension of the linkage data.

[0044] Specifically, the specific process of performing linkage display on the target data set using the sundial chart based on the linkage information is described in detail in step S104 in the above embodiment, and will not be described in detail here.

[0045] In an optional implementation, in response to a joint query and linkage request configured by a user, linkage information corresponding to the sundial surface is formed, including: In response to the joint query and linkage request configured by the user, the linkage data corresponding to the joint query and linkage request is determined; and the linkage information between the linkage data and the target data set is calculated using the dimension of the linkage data.

[0046] Specifically, in response to the joint query linkage request configured by the user, determining the linkage data corresponding to the joint query linkage request means determining the corresponding content of the linkage data that the user expects to be displayed based on the joint query linkage request configured by the user. For example, if the target data is the number of appearance patents, the corresponding content of the linkage data that the user expects to be displayed in the joint query linkage request may be the proportion of the number of applications, the number of authorizations, the case status, the number of applications in the same period, the number of applications at the previous level, etc.

[0047] Specifically, using the dimension of the linkage data to calculate the linkage information between the linkage data and the target data set means using the dimension of the linkage data to determine the field in the target data set corresponding to the linkage information, thereby calculating the proportional data corresponding to the target data through the field, and then displaying it together with the original data as the linkage information, for example Figure 2 As shown, when it is determined that the proportion of the number of appearance patents to the number of applications is 50%, 50% is displayed together with the sundial surface as linkage information.

[0048] In this embodiment, a data visualization display device based on a sundial form is also provided, which is used to implement the above-mentioned embodiments and preferred implementation modes, and the descriptions that have been made will not be repeated. As used below, the term "module" can implement a combination of software and / or hardware of a predetermined function. Although the devices described in the following embodiments are preferably implemented in software, the implementation of hardware, or a combination of software and hardware, is also possible and conceivable.

[0049] This embodiment provides a data visualization display device based on a sundial, such as Figure 3 As shown, including: The axis information determination module 201 is used to determine the axis information of the sundial based on the configuration information of the sundial. The specific process can be found in the description of step S101 in the above embodiment, which will not be repeated here.

[0050] The acquisition module 202 is used to acquire the target data set. The specific process can be found in the description of step S102 in the above embodiment, which will not be repeated here.

[0051] The surface determination module 203 is used to determine the sundial surface corresponding to the target data set based on the target data set. The specific process can be found in the description of step S103 in the above embodiment, which will not be repeated here.

[0052] The display module 204 is used to display the target data set using a sundial diagram based on the sundial face and sundial axis information. The specific process can be found in the description of step S104 in the above embodiment, which will not be repeated here.

[0053] The data visualization display device based on the sundial form in this embodiment is presented in the form of a functional unit, where the unit refers to an ASIC (Application Specific Integrated Circuit) circuit, a processor and memory that executes one or more software or fixed programs, and / or other devices that can provide the above functions.

[0054] The embodiment of the present invention also provides a computer device having the above Figure 3The data visualization device based on the sundial shown. Figure 4 , Figure 4 is a schematic diagram of the structure of a computer device provided by an optional embodiment of the present invention, such as Figure 4 As shown, the computer device includes: one or more processors 301, memory 302, and interfaces for connecting various components, including high-speed interfaces and low-speed interfaces. Various components utilize different buses to communicate with each other, and can be installed on a common mainboard or installed in other ways as needed. The processor can process the instructions executed in the computer device, including instructions stored in the memory or on the memory to display the graphical information of the GUI on an external input / output device (such as, a display device coupled to the interface). In some optional embodiments, if necessary, multiple processors and / or multiple buses can be used together with multiple memories and multiple memories. Similarly, multiple computer devices can be connected, and each device provides part of the necessary operations (for example, as a server array, a group of blade servers, or a multi-processor system). Figure 4 A processor 301 is taken as an example.

[0055] The processor 301 may be a central processing unit, a network processor or a combination thereof. The processor 301 may further include a hardware chip. The hardware chip may be a dedicated integrated circuit, a programmable logic device or a combination thereof. The programmable logic device may be a complex programmable logic device, a field programmable logic gate array, a general purpose array logic or any combination thereof.

[0056] The memory 302 stores instructions executable by at least one processor 301, so that the at least one processor 301 executes the method shown in the above embodiment.

[0057] The memory 302 may include a program storage area and a data storage area, wherein the program storage area may store an operating system, an application required for at least one function; the data storage area may store data created according to the use of the computer device, etc. In addition, the memory 302 may include a high-speed random access memory, and may also include a non-transient memory, such as at least one disk storage device, a flash memory device, or other non-transient solid-state storage device. In some optional embodiments, the memory 302 may optionally include a memory remotely arranged relative to the processor 301, and these remote memories may be connected to the computer device via a network. Examples of the above-mentioned network include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.

[0058] The memory 302 may include a volatile memory, such as a random access memory; the memory may also include a non-volatile memory, such as a flash memory, a hard disk or a solid state drive; the memory 302 may also include a combination of the above types of memory. The computer device also includes a communication interface 303, which is used for the computer device to communicate with other devices or communication networks.

[0059] The embodiment of the present invention also provides a computer-readable storage medium. The method according to the embodiment of the present invention can be implemented in hardware, firmware, or can be implemented as a computer code that can be recorded in a storage medium, or can be implemented as a computer code that is originally stored in a remote storage medium or a non-temporary machine-readable storage medium and will be stored in a local storage medium through a network download, so that the method described herein can be stored in such software processing on a storage medium using a general-purpose computer, a dedicated processor, or programmable or dedicated hardware. Among them, the storage medium can be a magnetic disk, an optical disk, a read-only storage memory, a random access memory, a flash memory, a hard disk or a solid-state hard disk, etc.; further, the storage medium can also include a combination of the above types of memories. It can be understood that a computer, a processor, a microprocessor controller, or programmable hardware includes a storage component that can store or receive software or computer code. When the software or computer code is accessed and executed by a computer, a processor, or hardware, the method shown in the above embodiment is implemented.

[0060] Although the embodiments of the present invention have been described in conjunction with the accompanying drawings, those skilled in the art may make various modifications and variations without departing from the spirit and scope of the present invention, and such modifications and variations are all within the scope defined by the appended claims.

Claims

1. A data visualization display method based on a sundial, characterized in that: The method comprises: Based on the configuration information of the sundial, determine the sundial axis information; Get the target dataset; Based on the target data set, determining a sundial face corresponding to the target data set; Based on the sundial face and the sundial axis information, the target data set is displayed using a sundial diagram.

2. The method according to claim 1, characterized in that Determining the sundial axis information based on the configuration information of the sundial includes: Based on the configuration information of the sundial configured by the user, acquiring a base map image, first placement information corresponding to the base map image, a pointer image, and second placement information corresponding to the pointer image; Based on the base map image, the first placement information, the pointer image, and the second placement information, the sundial axis information is determined by using positioning.

3. The method according to claim 1, characterized in that The determining, based on the target data set, a sundial surface corresponding to the target data set comprises: Screening the target data set to determine target data; Based on the target data, determining a width-to-height ratio corresponding to the target data; Based on the width-to-height ratio, a sundial face corresponding to the target data set is determined.

4. The method according to claim 3, characterized in that The determining, based on the target data, a width-to-height ratio corresponding to the target data includes: Based on the target data, determining proportion data corresponding to the target data; The ratio data is converted to determine a width / height ratio corresponding to the target data.

5. The method according to claim 1, characterized in that The method of displaying the target data set by using a sundial diagram based on the sundial surface and the sundial axis information includes: Based on the sundial axis information, determining attribute information corresponding to the axis of the sundial diagram; Based on the attribute information, the sundial face is connected to the axis of the sundial diagram to form a sundial diagram corresponding to the sundial face, thereby completing the display of the target data set.

6. The method according to claim 1, characterized in that The method further comprises: In response to a joint query and linkage request configured by a user, forming linkage information corresponding to the sundial face; Based on the linkage information, the target data set is linked and displayed using a sundial diagram.

7. The method according to claim 6, characterized in that The step of responding to the joint query and linkage request configured by the user and forming linkage information corresponding to the sundial surface includes: In response to a joint query and linkage request configured by a user, determining linkage data corresponding to the joint query and linkage request; The linkage information between the linkage data and the target data set is calculated using the dimension of the linkage data.

8. A data visualization display device based on a sundial, characterized in that: The device comprises: An axis information determination module, used to determine the sundial axis information based on the configuration information of the sundial; An acquisition module is used to acquire a target data set; A surface determination module, configured to determine a sundial surface corresponding to the target data set based on the target data set; A display module is used to display the target data set using a sundial diagram based on the sundial face and the sundial axis information.

9. A computer device, characterized in that: include: A memory and a processor, wherein the memory and the processor are communicatively connected to each other, the memory stores computer instructions, and the processor executes the data visualization display method based on the sundial form described in any one of claims 1 to 7 by executing the computer instructions.

10. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer instructions, and the computer instructions are used to enable a computer to execute the data visualization display method based on the sundial form according to any one of claims 1 to 7.

Images